Dikey Menü Eklentisi Blogger

ads

ads

Yandaki resimde  görduğunuz  gibi  blogger  sitenizde menu  olmasını isteyenler olabilir dusuncesiyle bu dersimizde    diket menu nasıl eklenir  bloggere onu anlatacağım Menu eklentisini  isterseniz link olarak baska yerlere   kullanabilirsiniz istersenizde kategori seklinde de kulanabilirsiniz seçim size kalmıs Örnek göruntuye bakmak için  BURAYA tıklayanız Hemen eklentiyi kurmaya anlatmaya baslayalım Kumanda paneli   tasarım  html duzenle  widget sablonu genislet  yaparak  asağıdaki kodu aratın ve bulun

]]></b:skin>

 Kodu bulduktan sonra hemen bir ustune gelecek sekilde asağıdaki kodu ekleyiniz

#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://lh5.googleusercontent.com/_u4rBCfM4eII/TWfkSju3ygI/AAAAAAAABPo/yNNAeIRUPAM/s288/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://lh5.googleusercontent.com/_u4rBCfM4eII/TWfkSju3ygI/AAAAAAAABPo/yNNAeIRUPAM/s288/menu9.gif) 0 -32px; padding: 8px 0 0 35px; }

 Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim

 <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>

Kodların içinde menu yazan bolumlere sitenizde görunmesi gereken yazıyı # isaretli olan kısımlarada linklerini ekleyiniz Kolay gelsin

ads