ဘေလာ.ပိုစ္.ေတြမွာ Demo နဲ. Download Button ေလးေတြကို Mouse Hover Effects နဲ.တင္ခ်င္ရင္

ဘေလာ.မွာပိုစ္.ေတြေရးႀကတဲ.အခါမွာေဆာ.၀ဲေတြကိုေဒါင္းယူနိုင္ဖို.ေဒါင္းလုဒ္လင္.ေတြ... ဘေလာ.ပို.စ္ထဲမွာတင္ေပးရသလို ကိုယ္ေရးလိုက္တဲ. နည္းပညာအေႀကာင္းအရာတခုကိုနမူနာျပခ်င္ ၊ သြားႀကည္.ေစခ်င္တဲ. အခါမ်ိဳးမွာလည္း သြားေစခ်င္တဲ.လင္.ခ္ေတြကိုညြန္တဲ.အခါမွာ Button ေလးေတြကို Mouse Hover Effects နဲ.တင္ခ်င္ရင္ေတာ.ဒီနည္းေလးသံုးႀကည္.လိုက္ပါ.. ဘယ္လိုလုပ္ရမလဲေျပာျပပါ.မယ္..။

1. Blogger Dashboard > Template > Edit HTML သြားလိုက္ပါ

Ctrl+F ကိုနွိပ္ျပီး Search Box ထဲမွာ ]]></b:skin> ဆိုတဲ.ကုဒ္ေလးရိုက္ျပီးရွာပါ..

ေတြ.ျပီဆိုရင္ေအာက္မွာေပးထားတဲ.ကုဒ္ေတြကို Select All ကိုနွိပ္ေကာ္ပီယူျပီးအဲဒီ]]></b:skin>
ဆိုတဲ.ကုဒ္ေလးမတိုင္ခင္မွာ Paste ခ်လိုက္ပါ..

.button { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); background:url("http://www.zurb.com/images/overlay-button.png") repeat-x scroll 0 0 #222222; border-bottom:1px solid rgba(0, 0, 0, 0.25); color:#FFFFFF !important; cursor:pointer; font-weight:bold; line-height:1; overflow:visible; font-size:17px; padding:8px 19px 9px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); width:auto; } .demobutton { background-color:#999999; text-align:center; width:150px; } .demobutton:hover { background-color:#00A0EE; } .downloadbutton { background-color:#91BD09; text-align:center; width:150px; } .downloadbutton:hover { background-color:#00AC00; } .button:hover { -moz-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45); -webkit-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45); box-shadow:0 1px 11px rgba(0, 0, 0, 0.45); }

ျပီးရင္Template ကို Save လုပ္လိုက္ပါ..။ ပို.စ္တင္တဲ.အခါမွာဒီButton ေလးေတြထည္.ဖို.အတြက္ေအာက္မွာေပးထားတဲ.ကုဒ္ေလးေတြကိုေကာ္ပီကူးျပီး Note Pad ထဲမွာသိမ္းထားပါ..ပို.စ္တင္လို. Demo နဲ. Download လင္.ေတြထည္.ရမဲ.ပို.စ္တိုင္းမွာဒီကုဒ္ေလးေတြအသံုးျပဳရမွာမို.ပါ..

ဒါကေတာ.DOWNLOAD BUTTON အတြက္ပါ
<a class="button downloadbutton" href="YOUR DOWNLOAD LINK HERE" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">Download</span></a>

အနီေရာင္နဲ.ခ်ယ္ျပထားတဲ.ေနရာမွာကိုယ္.ရဲ.ေဒါင္းလုဒ္လင္.နဲ.အစားထိုးပါ..
ဒါကေတာ. DEMO BUTTON အတြက္ပါ
<a class="demobutton button" href="YOUR DEMO LINK HERE" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">Live Demo</span></a>
အေရာင္ခ်ယ္ထားတဲ.ေနရာမွာကိုယ္ျပခ်င္..သြားေစခ်င္တဲ.လင္.ကိုထည္.ေပးပါ..အဆင္ေျပမယ္လို.ေမ်ွာ္ လင္.ပါတယ္..