အခုတင္ေပးမယ့္္ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့ပုိ႔(စ္)မွာ HTML/Javascript and
Css Codes ေတြကုုိ Mouse Pointer ႏွင့္ ထိလုိက္ရင္ မီးလုံးေလးထြက္လာၿပီး
မီးလင္းေနေအာင္ တင္နည္း/ထည့္နည္းေလးပါ။ ဤ နည္းကုိသုံး၍ ဘေလာ့ပုိ႔(စ္)မွာ
Cond တင္တဲ့ သူေတြေတာ့ သိပ္မရွိသေလာက္ပါပဲ မႀကဳိက္ၾကတာလာေတာ့ မသိပါ။
ႀကဳိက္တဲ့ မိတ္ေဆြေတြ အတြက္ ေအာက္မွာ Demo သြားၾကည့္နုိင္ရန္ Link ႏွင့္တကြ
Cond လည္းေပးထားပါတယ္။
လုပ္နည္းးေလးကေတာ့ ေအာက္မွာ ၾကည့္လုိက္ပါ....►1- Blogger Singin ၀င္လိုက္ပါ။
►2- Dashboard ကိုသြားလိုက္ပါ။
►3- Template ကိုကလစ္ပါ..။
►4- Edit Html ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►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/AVvXsEiqwJS8I7voWFkcBQ_D1DJ9b_p4gdziMJEuOpD0jP0h7fcZa5zIxYkkMha_BPjpDdWrB5CqD-1OSiqgUYQW9_3As7YgUgyU1rScOGmihXYZs-89EsE7jApzy7JfGD5R1cs5DDLInaqu5r2S/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/AVvXsEi4mGkHmpAc92UAYZlDwc4CZT0ERtuZtX6d81XX1t7Vj3UHfb-HMjkKDWcl5IzS1a14u5w1AaZ99s9Qu1H_Tt_zJA0zlhgxJpgElkL3UuAeYe7W46vFNzpLalZakMYjRwEj9h3BM1tWyhrV/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;
}
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/AVvXsEiqwJS8I7voWFkcBQ_D1DJ9b_p4gdziMJEuOpD0jP0h7fcZa5zIxYkkMha_BPjpDdWrB5CqD-1OSiqgUYQW9_3As7YgUgyU1rScOGmihXYZs-89EsE7jApzy7JfGD5R1cs5DDLInaqu5r2S/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/AVvXsEi4mGkHmpAc92UAYZlDwc4CZT0ERtuZtX6d81XX1t7Vj3UHfb-HMjkKDWcl5IzS1a14u5w1AaZ99s9Qu1H_Tt_zJA0zlhgxJpgElkL3UuAeYe7W46vFNzpLalZakMYjRwEj9h3BM1tWyhrV/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>
မူရင္းးကို သည္မွာ ေလ့လာနိဳင္ပါတယ္..
ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
လယ္တီေျမသား www.ledimye.blogspot.com
ဘေလာ့ခရီးသည္ http://aungsanmks.com/
ဓမၼႏွင့္စာေပနန္းေတာ္ http://ninilayy.blogspot.com/