Anasayfa
Hakkımda
Reklam
İletişim
v4
Panelden Düzenleyiniz
Burayı panelden düzenleyebilir ve yazı ekleyebilirsiniz.
sipsiv2
Panelden Düzenleyiniz
Burayı panelden düzenleyebilir ve yazı ekleyebilirsiniz.
wordpress seo
Panelden Düzenleyiniz
Burayı panelden düzenleyebilir ve yazı ekleyebilirsiniz.

Blogger Dikey Navigation Menü Eklentisi

6 saat önce Onur BATUR tarafından yazılmıstır.


Blogger Dikey Navigation Menü Eklentisi Widgets

Blogger blogunuzda , üstteki resimde gördüğünüz gibi bir menü eklentisi istermisiniz ?

Bu eklentimizi blogunuzda isterseniz kategori olarak , isterseniz farklı yerlere link vermek için kullanabilirsiniz..

Demo için üstteki resime bakabilir , yada BURAYA tıklayabilirsiniz..

Anlatıma geçelim..
Aşağıdaki kodu bulun
]]></b:skin>
hemen üstüne aşağıdaki kodlarımızı ekleyelim..
#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/AVvXsEjNqOMVDpRvjSP_Kc1NWBax_5GMZ-TA9dctlosjgUDy6GV_jxewbQ693_x4lRkVzCpHTsCE0UWUahKgV6Fz4jyTEPRHLN4Vz07O4lm2Sw5sVaWOU4ZfU8hOIarjxymnpSiHv6c-tvK-pQw/s288/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNqOMVDpRvjSP_Kc1NWBax_5GMZ-TA9dctlosjgUDy6GV_jxewbQ693_x4lRkVzCpHTsCE0UWUahKgV6Fz4jyTEPRHLN4Vz07O4lm2Sw5sVaWOU4ZfU8hOIarjxymnpSiHv6c-tvK-pQw/s288/menu9.gif) 0 -32px; padding: 8px 0 0 35px; }
Yukarıdaki işlemi yaptıysanız , 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 içinde geçen kırmızı yerlere görünmesini istediğimiz yazıyı , mavi yerlere ise gidilmesi gereken link adresinizi yazınız..
Benzer Yazılar
Yorumlar ( Yorum Yok )

Bu sitede yayınlanan yazılar kaynak gösterilmeden alıntı yapılamaz. Tüm hakları saklıdır.