Blogger Menü Eklentisi Yatay

Blogspot Yatay Menü Eklentisi

Blog siteleri için olması gereken eklentilerden bir tanesi ile karşınızdayız. Blogger yatay menü en çok  tercih edilen menü biçimidir.  Fazla yer kaplamaması ve estetik olması açısından kullanımı yaygındır. Kendimde  blogger kullanıcısı olarak bu eklentiyi  bazı sitelerimde kullanmaktayım. Renklerini kendinize göre ayarlayabilir istediğiniz renklere dönüştürebilirsiniz.

Eklentinin kurulumu için gerekenler:

Blogger admin paneli >> Yerleşim yolunu takip ederek Gadget ekle seçeneğinden HTML JavaScript ekle diyerek aşağıdaki kodu temanızın üst ( header ) bölümüne eklemeniz yeterli olacaktır.


<style> .wg-ribmenu span { background:#56aaff; display:inline-block; font-family:verdana; line-height:3em; padding:0 1em; margin-top:0.5em; position:relative; -webkit-transition: background-color 0.2s, margin-top 0.2s; /* Saf3.2+, Chrome */ -moz-transition: background-color 0.2s, margin-top 0.2s; /* FF4+ */ -ms-transition: background-color 0.2s, margin-top 0.2s; /* IE10 */ -o-transition: background-color 0.2s, margin-top 0.2s; /* Opera 10.5+ */ transition: background-color 0.2s, margin-top 0.2s; } .wg-ribmenu a:hover span { background:#FFD204; margin-top:0; } .wg-ribmenu span:before { content: ""; position:absolute; top:3em; left:0; border-right:0.5em solid #9B8651; border-bottom:0.5em solid #fff; } .wg-ribmenu span:after { content: ""; position:absolute; top:3em; right:0; border-left:0.5em solid #9B8651; border-bottom:0.5em solid #fff; } .wg-ribmenu a:link, .wg-ribmenu a:visited { color:#000; text-decoration:none; float:left; height:3.5em; overflow:hidden; } .wg-ribmenu:after, .wg-ribmenu:before { margin-top:0.5em; content: ""; float:left; border: 1.5em solid #000000; } .wg-ribmenu:after { border-right-color:transparent; } .wg-ribmenu:before { border-left-color:transparent; } </style> <br /><br /><div class='wg-ribmenu'> <a href='http://www.woov.org/'><span>Ana Sayfa</span></a><br /><a href='http://www.woov.org/sear'><span>Amatör</span></a><br /><a href='http://www.w'><span>Arabalar</span></a><br /><a href='http://www.'><span>Ders</span></a><br /><a href='http://www.w'><span>Dini</span></a><br /><a href='http://www.w'><span>Hayvanlar</span></a><br /><a href='http://'><span>İlginç</span></a><br /><a href='http://www.'><span>Komik</span></a><br /><a href='http://www.w'><span>Reklam</span></a><br /><a href='http:'><span>Televizyon</span></a><br /><a href='http://'><span>Tüm Videolar</span></a><br /><a href='http:/'><span>Blog</span></a><br /><br /><br /><br /></div>


Bu yazı ibrahimfirat.net tarafından yazılmıştır.