Blogger tarafından desteklenmektedir.

Kişisel Blog

18 Ekim 2012 Perşembe

Blogger MenuBar eklentisi

Hiç yorum yok :

Blogger menü bar eklentisi...

Blogger blogunuz için kullanışlı bir menü eklentisi istermisiniz ? bu eklentimizde , linkin üzerine gelindiğinde açıklama belirtebiliyorsunuz..

Blogger menü bar eklentisini kullanmak için yapmanız gerekenler aşağıda..


Alttaki kodu bulunuz..
]]></b:skin>
Bir satır üstüne aşağıdaki kodları ekleyiniz.
/* menu kodu eklentileri.blogspot.com */

#menu1 ul {
list-style:none;
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 0.8em;
border:2px solid #000;
border-left:none;
float:left;
clear:both;
margin:10px;
}
#menu1 ul li{
float:left;
}
#menu1 ul li a{
display:block;
text-decoration:none;
background-color:#444;
padding:5px 10px;
color:#fff;
width:140px;
border-right:1px solid #666;
border-left:1px solid #000;
}
#menu1 ul li a span{
display:block;
}
#menu1 ul li a span.title{
border-bottom:1px solid #444;
}
#menu1 ul li a:hover span.title{
border-bottom:1px dashed #f0f0f0;
color:#ef0000;
}
#menu1 ul li a span.text{
visibility:hidden;
font-size:12px;
text-align:right;
}
#menu1 ul li a:hover span.text{
visibility:visible;
}


Şimdide Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodlarımızı girelim..
..
tavsiye edilen ; alttaki resimdeki yere ekleyiniz ( BLOG KAYITLARI üstüne )


<div id="menu1">
<ul>
<li><a href="http://eklentileri.blogspot.com/">
<span class="title">ANA SAYFA</span>
<span class="text">Home Page</span>
</a>
</li>
<li><a href="">
<span class="title">Kategoriler</span>
<span class="text">Seçenekler</span>
</a>
</li>
<li><a href="">
<span class="title">LİNK 1</span>
<span class="text">Açıklama</span>
</a>
</li>
<li><a href="">
<span class="title">iletişim</span>
<span class="text">Bize ulaşın</span>
</a>
</li>
<li><a href="http://eklentileri.blogspot.com/">
<span class="title">Link 2</span>
<span class="text">Açıklama 2</span>
</a>
</li>
</ul>
</div>
yapmanız gerekenler bu kadar , renkli bölümleri kendinize göre düzenleyiniz..

DEMO


<<< Bu Yazı için Arama Sonuçları  >>>

Blogger MenuBar eklentisi , Blogger MenuBar , Blogger Menü
 Bar eklentisi , Blogger menü , blogger menu , menü , menu , blogger menü ekleme , blogger üst menü , blogger widgets


Hiç yorum yok :

Yorum Gönder