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.blogspot.com 

တို့မှာ လည်ပါတ်နိုင်ပါတယ်.....နော်

Blogger နည်းပညာများ,

Rate this posting:

{[['']]}

Posted in: Blogger နည်းပညာများ