Blogger Yatay Üst Menü Ekleme

Blogger'in olmazsa olmazlarından biriside ''Menü'' bölümüdür.Menülerle çok sayıda etiketinizi tek menüde toplayabilir ziyaretçilerinize kolaylıkla ulaşabilmesini sağlayabilirsiniz.

Bazı hazır temalarda bulunmayan üst menü bölgesini kolaylıkla nasıl eklenir göstereceğiz.

1.Aşama

Öncelikle Blogger-Şablon-HTML'yi Düzenle adımlarını takip ederek ]]></b:skin> kodunu buluyoruz.Ctrl-F yaparak çıkan kutucuğa kodu yazıp aratınız.Aşağıdaki kodu ]]></b:skin> yazısının hemen üstüne yapıştırıp şablonu kaydediyoruz.

#newnavbar ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#newnavbar li a{
color:#000000;
}

#newnavbar li a:visited {
color: #c00000;
}

#newnavbar li a:hover {
color:  #c00000;

}

Düzenlemeler:

• font-size:100%; bölümünden menünün büyüklüğünü değiştirebilirsiniz.Örneğin %100 değerini %150 yapabilirsiniz.

• #000000 menünün renk kodlarını değiştirebilirsiniz.

• newnavbar li a:hover kodundaki #c00000 üstüne gelindiğinde değişen rengini değiştirebilirsiniz.

2.Aşama

Yerleşim-Gadget Ekle-HTML/JavaScript adımlarını takip ederek aşağıdaki kodu Menü olan yere gadget olarak ekleyip kaydediyoruz.

<div id='newnavbar'>
<ul>
<li><a href="http://www.nethocam.com">Ana Sayfa</a></li>
<li><a href="Url1">Test 1</a></li>
<li><a href="Url2">Test2</a></li>
<li><a href="Url3">Test3</a></li>
<li><a href="Url4">Test4</a></li>
<li><a href="Url5">Test5</a></li>
</ul></div>

• Url olan yere linki test yazan yere ise menüdeki kategorinin ismini yazıyorsunuz.

Kırmızı işaretli yere kendi sitenizin ismini yazmayı unutmayınız.



sorularınızı yorumlarda belirtebilirsiniz..

Devamını Oku