အခုတင္ေပးမယ့္္ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့ပုိ႔(စ္)မွာ HTML/Javascript and
Css Codes ေတြကုုိ Mouse Pointer ႏွင့္ ထိလုိက္ရင္ မီးလုံးေလးထြက္လာၿပီး
မီးလင္းေနေအာင္ တင္နည္း/ထည့္နည္းေလးပါ။ ဤ နည္းကုိသုံး၍ ဘေလာ့ပုိ႔(စ္)မွာ
Cond တင္တဲ့ သူေတြေတာ့ သိပ္မရွိသေလာက္ပါပဲ မႀကဳိက္ၾကတာလာေတာ့ မသိပါ။
ႀကဳိက္တဲ့ မိတ္ေဆြေတြ အတြက္ ေအာက္မွာ Demo သြားၾကည့္နုိင္ရန္ Link ႏွင့္တကြ
Cond လည္းေပးထားပါတယ္။
လုပ္နည္းးေလးကေတာ့ ေအာက္မွာ ၾကည့္လုိက္ပါ....►1- Blogger Singin ၀င္လိုက္ပါ။
►2- Dashboard ကိုသြားလိုက္ပါ။
►3- Template ကိုကလစ္ပါ..။
►4- Edit Html ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5- Expand Widget Template ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6- Ctrl+F (သို႕မဟုတ္) F3 အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
]]></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/AVvXsEhBbORp4qxy8RHi8aVPtSbqczSn001rcYos_gEzkh5xVv08mgrd7ugfk9kgWgB0Hmms1eqpkTasrfvgy3u3xeVEAvNUNaKRrpinl7OTMu0QgsCRAFDcw0z_GDQDzNYs8rIJSmCXxa8EoybZ/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/AVvXsEiCjoKAiK42VTwYA2aEocj2MmZBVajUjPk4o9Z9z_f0CV_AyK3a37tlrLFfusbDwZMETtb_-TVvhWYHxLaAsl8lI92ol_UV8C6NujRtrzl1dwneB29q0yCjKfE16_Ke7WfBJ9sWLO_UwLYb/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/AVvXsEhBbORp4qxy8RHi8aVPtSbqczSn001rcYos_gEzkh5xVv08mgrd7ugfk9kgWgB0Hmms1eqpkTasrfvgy3u3xeVEAvNUNaKRrpinl7OTMu0QgsCRAFDcw0z_GDQDzNYs8rIJSmCXxa8EoybZ/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/AVvXsEiCjoKAiK42VTwYA2aEocj2MmZBVajUjPk4o9Z9z_f0CV_AyK3a37tlrLFfusbDwZMETtb_-TVvhWYHxLaAsl8lI92ol_UV8C6NujRtrzl1dwneB29q0yCjKfE16_Ke7WfBJ9sWLO_UwLYb/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 မွာ ေျပာခဲ့ၾကပါေနာ္..
<<< မန္ဘာ၀င္ျပီး... Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္ >>>
ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
လယ္တီေျမသား www.ledimye.blogspot.com
ဘေလာ့ခရီးသည္ http://aungsanmks.com/
ဓမၼႏွင့္စာေပနန္းေတာ္ http://ninilayy.com/
0 comments:
Post a Comment
Download link ကိုႏွိပ္ျပီး ေနာက္ tab တစ္ခုနဲ႕ page တစ္ခုေပၚလာပါလိမ့္မယ္။ ငါး စကၠန္႕ေလာက္ ေစာင့္ေပးလိုက္ပါ။ ညာဘက္ေထာင့္မွာ Skip ဆိုတဲ့ button ေလးေပၚလာပါလိမ့္မယ္။ အဲဒီ skip ဆိုတဲ့ button ကိုႏွိပ္လုိက္ရင္ download ဆြဲလိုရတဲ့ page တစ္ခုက်လာပါလိမ့္မယ္။ အဲ့ဒီမွာ download လုပ္ႏိုင္ပါၿပီဗ်ာ