Yatay Link Menü Eklemek - Blogger Eklentileri

15:31 | 2 yorum


Blogger İçin Yatay Link Menü Eklemek - Blogger Eklentileri

Merhaba bloglama zamanı takipçileri. Bugün yeni başlayanlar için yeni bir konumuzdan bahsetmek istiyorum. Blogger'a yatay link menüsü nasıl eklenir ondan bahsedeceğim. 

Blog başlığınızın hemen altına istediğiniz tasarıma göre yatay bir link menü eklemek istemez misiniz ? Gelin şimdi bu konunun ayrıntılarına bir bakalım...
İlk adımda;
  • Kumanda Paneli
  • Şablon
  • HTML'yi Düzenle
  • Widget'i Genişlet yolunu izleyin aşağıdaki kodu blogunuzda aratın:
]]></b:skin>
bulduğunuz bu kodun hemen altına gelecek şekilde aşağıdaki CSS kodunu yapıştırın.
#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;

}
şablonu kaydedip çıkabilirsiniz.
Resimde gördüğünüz tasarım hoşunuza gitmediyse değiştirebileceğiniz bölümler şunlar:

  • Ana sayfa, link1,2,3,4,5 gibi siyah görünümlü yerlerin renklerini değiştirmek istiyorsanız eğer newnabar li a kodunun altındaki color:#000000; renk kodunu değiştirebilirsiniz.
  • Linkin üzerine geldiğinizde menü görünümü kırmızıya dönüşüyor. Bu tasarımı da değiştirmek istiyorsanız eğer, newnavbar li a:hover kodunun altındaki #c00000 renk kodunu değiştirebilirsiniz.
İkinci adımda ise: Yatay Link Menü'nün HTML kodlarını eklemeye geldi. Bu kodları da
  • Kumanda Paneli
  • Yerleşim
  • Gadget Ekle
  • HTML/Javascript yolunu takip ettikten sonra açılan kutuya aşağıdaki HTML Menü kodlarını eklemek.
Menü kodlarını blogunuzun (Üst Bilgi) gadget'inin altına eklemeyi unutmayın.
Yatay Link Menü Kodu:
<div id='newnavbar'>
<ul>
<li><a href="http://turkiyeajans.blogspot.com">Ana Sayfa</a></li>
<li><a href="Link1">Menü Adı</a></li>
<li><a href="Link2">Menü Adı</a></li>
<li><a href="Link3">Menü Adı</a></li>
<li><a href="Link4">Menü Adı</a></li>
<li><a href="Link5">Menü Adı</a></li>
</ul></div>
İşlemimiz bitmiştir. Blogunuza Yatay Link Menü kodu eklenmiştir. Eğer yapamadığınız bir şey olursa "YORUM" bölümünden iletebilirsiniz. Başka bir konuda görüşmek üzere. Herkese kolay gelsin, iyi bloglamalar...

Kategori: , , ,

2 yorum: