Blogger İçin Dikey Navigation Menüsü

Eğer blogger bloğunuzda görselde gösterdiğimiz gibi bir menü bulundurmak istiyorsanız kodları eklemeniz yeterlidir. 

Bu eklentiyi nasıl yüklersiniz? 

Şablondan HTML’yi düzenleye tıklayın. Orada aşağıdaki kodu bulun. 

Kod: 

]]></b:skin> 

Daha sonra hemen üst kısmına aşağıdaki kodu yapıştırın. 

#menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH1AV4EgoPQPg0ZkYjD9RsH95N9JwIPRb44tXyw0xfBAYPijIuKGSAiBgW8vOXU8zW66H3j2FzdIBJncW9yaNg8mOumMC5xLeLb8sBSEXtBtmMcPF-Bf8AhCrJ0DJlV_QCl6FrKfNyu6g/s288/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH1AV4EgoPQPg0ZkYjD9RsH95N9JwIPRb44tXyw0xfBAYPijIuKGSAiBgW8vOXU8zW66H3j2FzdIBJncW9yaNg8mOumMC5xLeLb8sBSEXtBtmMcPF-Bf8AhCrJ0DJlV_QCl6FrKfNyu6g/s288/menu9.gif) 0 -32px; padding: 8px 0 0 35px; } 

Daha sonra Yerleşim – Gatget Ekle – HTML/JavaScript yoluyla istediğiniz yere aşağıdaki kodu ekleyin. 

<div id="menu9"> <ul> <li><a href="#">MENU 1</a></li>
<li><a href="#">MENU 2</a></li>
<li><a href="#">MENU 3</a></li>
<li><a href="#">MENU 4</a></li>
<li><a href="#">MENU 5</a></li> </ul> </div> 

Kırmızı alanlara görülmesini istediğiniz yazıyı yazın. Mavi alanlara ise gidilmesi gereken linkleri koyun. Yapmanız gereken bu kadar.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.