၃၁။ ပုံေလးေတြ ေမာက္တင္တာနဲ႕ မီးးလုံးေလးေတြ ထေပၚမယ္

အခုတင္ေပးမယ့္္ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့ပုိ႔(စ္)မွာ  HTML/Javascript and Css Codes ေတြကုုိ Mouse Pointer ႏွင့္ ထိလုိက္ရင္ မီးလုံးေလးထြက္လာၿပီး မီးလင္းေနေအာင္ တင္နည္း/ထည့္နည္းေလးပါ။ ဤ နည္းကုိသုံး၍ ဘေလာ့ပုိ႔(စ္)မွာ Cond တင္တဲ့ သူေတြေတာ့ သိပ္မရွိသေလာက္ပါပဲ မႀကဳိက္ၾကတာလာေတာ့ မသိပါ။ ႀကဳိက္တဲ့ မိတ္ေဆြေတြ အတြက္ ေအာက္မွာ Demo သြားၾကည့္နုိင္ရန္ Link ႏွင့္တကြ Cond လည္းေပးထားပါတယ္။

လုပ္နည္းးေလးကေတာ့ ေအာက္မွာ ၾကည့္လုိက္ပါ....

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ.. 
►5-  Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

               ]]></b:skin>  ကုဒ္ကိုရွာပါေတြ႕တာနဲ႕ သူ႕အေပၚကပ္ျပီး ေအာက္ကေပးထားတဲ့
ကုဒ္ေတြ ထည့္လိုက္ပါေနာ္
မွတ္ခ်က္  ။     ။ သည္ကုဒ္ကို လူေတာ္ေတာ္ မ်ားမ်ား ရွာမေတြ႕ ျဖစ္ေနၾကပါတယ္  သည္ေတာ့ b:skin 
အဲလိုေလးဘဲ ေရးရွာ ၾကည့္ပါ..သူက ကုဒ္ေတြကို ေခါက္ထားလို႕ ျဖစ္ပါတယ္ စာတိုင္ မွ်ားအနက္ေလးေတြက  အဲတာကလစ္ၾကည့္ ကုဒ္ေတြ ေခါက္ထားတာ ေတြ႕ရပါ့မယ္  ဒါေၾကာင့္ တခ်ိဳ႕ ကုဒ္ေတြ ရွာေဖြ ခက္ခဲေနတာပါ...အိုေကေနာ္

.code1 {

overflow:auto;width:503px;height:200px;

font-family: "Consolas", "Courier New", Courier, mono, serif;

color:#848176;

margin : 15px 35px 15px 15px;

padding : 10px 10px 10px 35px;

clear : both;

list-style-type : none;

background : #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfOiL0RoMYOP5YmNq2VcN5oj61vRX8pKvEoVBB9Dqkh_3GFoHroG5_vuGmZLsbvaDmcTps5MwABehuxmnbAMG8H0HCE1TtO37I2vkMOkiTTUJd9XNxWOHeuj8C2gqZLig_vtX7c_dZv1t2/s320/btsnts-show-codes1.jpg) repeat-y top left;

border : 1px solid #000000;

border-left:20px solid #ccc;

-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px

}

.code1:hover{

background : #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oEp3fUknafmHmwivnZ2O3wxBPaWTdXq3RHnymTsRpZ8AC73IkN6S1iKpT4OU43J9EIP3n_QhCkA7pLXDfgjxrSnsbanBDbsIVwUyU0DMzuLcC83ghtE-ml-hfzVPnBH-e0cTOR8o1xkt/s1600/btsnts-show-codes2.jpg) repeat-y top left;

color:#FEF9BF;

border : 1px solid #000;

border-left:20px solid #ccc;

-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);

-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);

box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);

box-shadow: 10px 10px 5px #888888;

}

မိမိတို႕ တက္ပလက္ ေဆ့လို႕ ရပါျပီ...ဒါဆို
ပို႕စ္တင္ၾကမယ္ေပါ့...တင္တဲ့အခါ ကုဒ္ေလးထည့္ေပးလိုက္ပါ...အဲကုဒ္မွာ ဘဲ မိမိတို႕ေပၚေစျခင္တဲ့
လင့္ကို ထည့္ရမွာပါ...ေအာက္မွာပါ

<div class="code1">
ဒီေနရာမွာ မိမိ ေပၚေစခ်င္တဲ့ HTML/Javascript Codes ကုိထည့္ပါ။  </div>

ေက်းဇူးရွင္မိဘႏွစ္ပါး ႏွင့္ သင္ဆရာ ၊ ျမင္ဆရာ ၊ ၾကားဆရာ အားလံုးတို ့အား ဦးထိပ္ပန္ဆင္လ်က္    

တင္သမွ် Post ေတြကို Facebook စာမ်က္ႏွာက ဖတ္ခ်င္တယ္ဆုိရင္ { Facebook } or { Facebook } or { Page } ဆုိတာႏွိပ္ျပီ Facebook မွလာေရာက္အားေပးခဲ့ပါေနာ္ 

    လိုအပ္ခ်က္မ်ားရိွခ့ဲရင္ { သည္ေနရာ } ႏိွပ္ျပီးမူရင္းသြားေရာက္ေလ့လာေမးျမန္းႏိုင္ပါသည္