Tab Menu Circle Style လွလွေလးေနာ္ ( Blogger Only )

မဂၤလာပါ ဘေလာ့ခရီးသည္ ခ်စ္မိတ္ေဆြ တို႕... သည္နည္းပညာေလးကေတာ့  မိမိတို႕... ဘေလာ့မွာ
Menu  လို႕ေခၚတဲ့ ေခါင္းစဥ္ေလးရဲ႕ စတိုင္တမ်ိဳးးေလးပါ... လိုျခင္သုံးနိဳင္ဖို႕  တင္ေပးလိုက္တာပါ.....
သူကေတာ့ ေခါင္းစဥ္နည္းတဲ့ ဆိုဒ္ေတြဘဲ  ပိုူသင့္ေတာ္ပါတယ္..ေနရာ ယူလြန္းးျပီး  Dropdown မဟုတ္ေတာ့  ေနရာယူတယ္ဗ်....လိုျခင္ သုံးနိဳင္ပါတယ္....

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

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

/* The CSS Code for the menu starts here s2free.blogspot.com */ <style type="text/css"> .circlemenu{ width: 100%; overflow:hidden; } .circlemenu ul{ margin: 0; padding: 0; font: bold 14px Verdana; list-style-type: none; text-align: center; } .circlemenu li{ display: inline; margin: 0; } .circlemenu li a{ display:inline-block; text-align:center; text-decoration: none; color: white; background:#b30707; margin: 0; margin-right:5px; width:100px; height:100px; border-radius: 400px; -moz-border-radius: 400px; -webkit-border-radius: 400px; } .circlemenu a span{ position:relative; top:40%; } .circlemenu li a:visited{ color: white; } .circlemenu a:hover{ background: #ff1774; } </style>

ထည့္ျပီး ေဆ့လို႕ရပါျပီ... တစ္ခု အၾကံျပဳပါရေစ...

 ေနာက္တဆင့္အေနနဲ႕ကေတာ့......
ဘေလာ့ကာကို၀င္လိုက္ပါ.. Layout  ကိုသြား Add a gadget  ကိုကလစ္ပါ...

 html/java script  ကိုကလစ္ က်လာတဲ့ေဘာက္မွာ ေအာက္ကကုဒ္ေတြထည့္လိုက္ပါ..

<div class="circlemenu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Download</span></a></li>
<li><a href="h#"><span>CSS</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="http://www.s2free.blogspot.com/"><span>Contact Us</span></a></li>
</ul>
</div>

မိမိတို႕ လိုသေလာက္ တိုးနိဳင္ပါတယ္...ပြါးးနိဳင္ပါတယ္..

  မွတ္ခ်က္အေနနဲ႕ ေျပာျခင္တာကေတာ့........။       ။.........ကုဒ္ထဲမွာ ၾကည့္လိုက္ပါ ..ေနာ္

width  100px

hight  100px ဆိုတာေတြကမယ္..အဲတာ  မိမိတို႕ မယ္ညဳ botton ေလးရဲ႕ အရြယ္အစားပါ...အဲတာကို အရမ္းၾကီးေနရင္
သည္ေနရာျပန္၀င္ျပီး  ျပဳျပင္ေပးလိုက္ပါ...ေလွ်ာ့ခ်ျပီး  Preview Template နဲ႕ျပန္ျပန္ၾကည့္ရင္း
စိတ္ၾကိဳက္ အရြယ္ရလာတာနဲ႕ ေဆ့နိဳင္ပါတယ္...တျခား ေနာက္ခံကာလာေတြ  ၀ိတ္ေတြလဲ ျပဳျပင္နိဳင္တာေတြပါပါတယ္.... ကုဒ္ထဲမွာ ေသချာ ၾကည့္ျပီး  ေလ့လာ လုိက္ပါေနာ္..
အဆင္ေျပပါေစ

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါတယ္... လိုအပ္တာမ်ားရွိပါက.. C-Box မွာေျပာခဲ့ၾကနိဳင္ပါတယ္... အတတ္နိဳင္ဆုံး ၾကိဳးစား ကူညီ မွ်ေ၀သြားပါမည္... 

ဘေလာ့ခရီးသည္ 

www.ledimye.blogspot.com 

www.aungsanmks.com 

www.ninilayy.com 

တို႕မွာ လည္ပါတ္နိဳင္ပါတယ္.....ေနာ္

Posted in: Blogs Tab Menu