15 Ocak 2012 Pazar

Blogger’a Yatay Link Menüsü Ekleme

 Resimdeki gibi blog başlığınızın hemen altına yatay menü eklemek için öncelikle şablonunuza menünün görünümünü belirteceğiniz CSS kodlarını eklemelisiniz.CSS kodlarını her zaman olduğu gibi ]]></b:skin> kodunun hemen üstüne ekliyorsunuz.Eklemeniz gereken CSS kodları ise şunlar:
#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;

}



  • Ana sayfa, link1, link2 gibi linklerin siyh olan rengini değiştirmek için newnavbar li a kodundaki #000000 olan renk kodunu değiştirebilirsiniz.


  • Linklerin üzerine geldiğinizde linkler kırmızı renge dönüşüyor.O rengi değiştirmek için ise newnavbar li a:hover kodundaki #c00000 olan renk kodunu değiştirebilirsiniz.


İkinci adımda ise menünün HTML kodlarını ekleyeceksiniz.Bunun için blogunuzun sayfa öğelerini açın ve sayfa öğelerindeki Üstbilgi bölümünün altındaki Gadget Ekle’ye basarak HTML/JavaScript’i seçin ve asşağıdaki kodları ekleyin.yatay menu gadget ekle


0 yorum: