Blogger İç İçe Geçen Alternatif Menü

    Blogger için statik temalar da kullanabileceğiniz kişisel alternatif menü seçeneği.İç içe geçen basit ve daire şeklinde ki bu menüyü dilerseniz menünün şeklini değiştirebilir veya yazı rengini sitenize göre düzenleyebilirsiniz.

Blogger İç İçe Geçen Alternatif Menü kurulumu;

+ Blogger hesabınıza giriş yapın.
+ Kumanda paneli > Şablon > HTML Düzenle yolunu izleyin.
+ CTRL+F tuşları ile altta ki kodu aradın.

]]></b:skin>

+ Üsteki kodu bulduktan sonra hemen üst satırına altta ki kodları ekleyerek şablonu kaydedip çıkın.

.icmenu {
padding:5px 0;
width:520px;
margin:15px auto;
height:160px;
}
a.icem {
position:relative;
float:left;
font-size:14px;
line-height:14px;
font-family:Tahoma;
text-align:center;
color: #fff;
width: 160px;
padding:73px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbh6nPHaxELEdQQPPLufJa3s5Gj-XyC0kaniEEr7p0bnFbzff6YZfzMpWyWbT8B-0dmiFi5JXgbVQMPwdNjsZdvwurgyUPyaiP6wU03Mxp1oeL1w7WHIG4hM47QFHvxL5kay_X6Ue4GHo/s1600/arkamenu2.png) no-repeat 0 -160px;
margin-left:-40px;
z-index:3;
}
a.icem:hover {
background-position:0 0;
z-index:9!important;
}

+ Üstte ki kod içerisinde color kısmından menü başlıkları rengini ayarlayabilirsiniz.Kırmızı renkli kısımdan menü şeklini değiştirmek istediğiniz resmi ekleyin.
+ Daha sonra tekrar kumanda panelinden Yerleşim > Gadget Ekle > HTML/Javascript yolunu izleyerek altta ki menü kodları ekleyin.

<div class='icmenu'>
<a class='icem' href='#' style='margin-left:0px;'>Anasayfa</a>
<a class='icem' href='#'>Hakkımızda</a>
<a class='icem' href='#'>Arşiv</a>
<a class='icem' href='#'>İletişim</a>
</div>

Menü kodları içerinde düzenlenilecek bölümler:
+ # işareti yerine menü başlıklarına ait linkleri ekleyin.
+ Anasayfa,Hakkımızda,Arşiv,İletişim başlıkları yerine istediğiniz menü başlıklarını ekleyebilirsiniz.

ÖNİZLEME

Bizi Takip Edin...
Pinterest>>Facebook>>Twitter
 © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın...

Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin

Not: Gelen Maili Aktif Etmeyi Unutmayınız!