Blogger İçin Aşağı Doğru Açılır Menü Eklentisi

Blogger’ınıza yeni bir açılır menü eklemek istiyorsanız bu eklenti tam size göre. Bu eklenti eklendiği zaman üzerine gediğiniz zaman aşağı doğru tıklayabileceğiniz sekmeler açılıyor. Görselden de gördüğünüz gibi bir menü karşınıza çıkıyor. 

Bu eklentiyi edinmek için aşağıdakileri yapabilirsiniz. 

Yerleşim – Gatget Ekle – HTML/JavaScript yolunu takip ederek aşağıdaki kodu yapıştırın. 

Kod: 

<style text-type="CSS">
#bmenu{
position:fixed;
right:5px;
center:0px;
background-color:#2059DC;
border-radius:10px;
-moz-border-radius:10px;
border:2px solid #FFF;
width:202px;
height:20px;
color:#FFFFFF;
transition:all .5s ease-in;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;z-index:3;overflow:hidden;padding:9px 15px 10px;}


#bmenu h3{
margin:0;
padding:0;
text-align:center;
cursor:pointer;}


#bmenu ul{
border-radius:10px;-moz-border-radius:10px;
border:2px solid #FFf;
background-color:#9AB2EA;
margin:15px 0;
padding:0 15px;}


#bmenu li{list-style:none;margin:0 0 5px;padding:0;} #bmenu li a{
color:#000;
text-decoration:none;
font-size:14px;}


#bmenu li a:hover{
color:#fff;}


#bmenu:hover{
z-index:5;
height:175px;
</style>


<div id="bmenu">
<h3>
Açılır Menü</h3>
<ul>
<li><a href="#">MENÜ 1</a></li>
<li><a href="#">MENÜ 2</a></li>
<li><a href="#">MENÜ 3</a></li>
<li><a href="#">MENÜ 4</a></li>
<li><a href="#">MENÜ 5</a></li>
</ul>
</div> 

Kodlar bunlar. Kırmızı yere görüntü başlığınızı, mavi yerlere menü başlıklarınızı, sarı yere de menülere tıklandığı zaman gidilmesini istediğiniz linkleri koyun. Bu eklentinin demosu bu bağlantıdadır. Bakabilirsiniz.

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