Blog မွာ Elemic Green Menu သံုးရေအာင္

                 

ကၽြန္ေတာ္ Blog မိတ္ေဆြမ်ား အတြက္  Elemic Green Menu ေလးတင္ျပလိုက္ပါတယ္  ကိုယ္တိုင္လုပ္ယူတတ္ တဲ့သူမ်ားအတြက္ ကေတာ့  စိတ္ႀကိဳက္ လုပ္ယူနိုင္သလို  အခုမွ စတင္ေလ့လာသူေတြ အတြက္  လိုအပ္ပါ တယ္  ဒါေႀကာင့္ကၽြန္ေတာ္ အားတဲ့အခ်ိန္ ေလးေတြမွာ  ကၽြန္ေတာ္  သိသမွ်  တတ္သမွ်  ေလ့လာလို ့ရသမွ် ေလးေတြ တင္ျပထားတာပါ  ။  ကဲ လိုအပ္တဲ့ မိတ္ေဆြမ်ား ေအာက္မွာႀကည့္ျပီး ယူပါ ။



ေအာက္မွာေပးထားတဲ့ Code ေတြကို Copy ကူးျပီး
Design->>>Page Elements >>> Add gadget>>> HTML/Javascript မွာထည့္ေပးလိုက္ပါ ။

• Home
• Features
• Products
• About

<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEYCHOliX8LzH4jw1i2rPLdRB0XewYoWMQZfDeOA-39IR13WMndIoeCO3IVm_z5Jdu312LHQMoV2nYawbixilCWBIGDGwm5Naqxi2OzvjYs3UH4mCTabyjvnHBfFaDIU93Th_4CCgLP2Y/s1600/netoops-menu-blogger+green.png") repeat scroll 0 0 transparent !important; border: 1px solid #0E8410 !important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="http://kyawkothein.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwn2-WGeIYzPmmuJM_BqnJojW5L4aSDWalwSIaPkfNj1SLerwQvo6Yo44OUKnuqZaXQxcQtaYLUf1ce-fljLcYOztUB_z9jNfqovKibrOKQRQuzFBAQrrIWcka0326W08O0Im0Qi6NEO8/s1600/1x1juice.png" /></a><br /> <br /> <div class="noop-menu-green"> <ul class="menu"> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> </ul><br /> </div><br />

ျပီးရင္ Save လိုက္ပါ ျပီးပါျပီ  ။








Grope Purple Menu



ေနာက္တစ္ခုက ခရမ္းေရာင္ ေလးပါ    ေအာက္မွာေပးထားတဲ့ Code ေတြကို Copy ကူးျပီး
Design->>>Page Elements >>> Add gadget>>> HTML/Javascript မွာထည့္ေပးလိုက္ပါ ။

<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEC7vcBwcPwDDRGi-C2K1Etzjp-Qx57JjLI2b6PVO2XscUWyzw2SagLNJbc-QSwqBWFTlNayeeHqzV0P84o7v3XDIfq0oPjJ3vJFxMJ0IXpKBFFbE78WFpuRZ3Ru-KdBji4J4yD2BIyA/s1600/netoops-menu-blogger+purple.png") repeat scroll 0 0 transparent !important; border: 1px solid #7D0FAF !important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style><a href="http://kyawkothein.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwn2-WGeIYzPmmuJM_BqnJojW5L4aSDWalwSIaPkfNj1SLerwQvo6Yo44OUKnuqZaXQxcQtaYLUf1ce-fljLcYOztUB_z9jNfqovKibrOKQRQuzFBAQrrIWcka0326W08O0Im0Qi6NEO8/s1600/1x1juice.png" /></a><br /> <br /> <div class="noop-menu-purple"> <ul class="menu"> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> <li><a href=" ေခါင္းစဥ္ရဲ့လင့္ထည့္ပါ"> ေခါင္းစဥ္</a></li> </ul><br /> </div><br /> <br />

 ျပီးရင္ Save လိုက္ပါျပီးပါျပီ ။