9 Mart 2013 Cumartesi
Merhabalar. Sizlere bu blogger dersinde, blog sitenize nasıl yatay menü yapabilirsiniz bundan bahsedeceğim. Kullandığınız temanız da eğer yatay menü eklentisi yoksa bu yolla çok kolay bir şekilde yatay menü oluşturabilirsiniz.
Peki, yatay menü çok gerekli mi? Aslında çok fazla gerekli değil ama tercih edenler oluyor. Bazen çok güzel ve çok kullanışlı temalar oluyor ve bu temalara eklenti olarak yatay menü eklemek isteyenler oluyor.
Blogger yatay menü eklentisi için ilk olarak CSS kodlarımızo ekliyoruz. Bunun için hemen aşağıda yer alan kodu buluyoruz.
]]></b:skin>
Daha sonra ise bu kodun hemen üstüne aşağıda yer alan kod blogunu ekliyoruz.
#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;
}
Yukarıda yer alan kodlar CSS kodları olduğu için siz istediğiniz yerleri değiştirebilirsiniz. Beğenmediğiniz renkler olursa istediğiniz renkler ile değiştirebilirsiniz. Şimdi sıra HTML kodlarını eklemeye geldi. Bunun içinse yatay menüyü eklemek istediğiniz yere HTML/Javascript gadgetini ekleyin ve şu kodları içerisine yapıştırın.
<div id='newnavbar'>
<ul>
<li><a href="http://celilbayer.blogspot.com">Ana Sayfa</a></li>
<li><a href="Link1">Link1</a></li>
<li><a href="Link2">Link2</a></li>
<li><a href="Link3">Link3</a></li>
<li><a href="Link4">Link4</a></li>
<li><a href="Link5">Link5</a></li>
</ul></div>
