Blogunuzda kenar çubuğunda oluşturabileceğiniz şık animasyonlu dikey menü ile blog sitenizde ki etiketlerden veya diğer sitelerinizin reklamlaını yapabileceğiniz bir dikey menü gadget eklentisidir.Blogunuzun temasına ve renkine göre renkleri değiştirebilir istediğiniz gibi bir görüntüye çevirebilirsiniz hayal gücü size kalmış.Dikey Animasyonlu menü widgetini blodunuza ekleyebilmek için aşağıdaki anladımı sırası ile uygulayın.
Kumanda Paneli > Yerleşim > Gadget Ekle > HTML/ Javascript Yolunu izliyoruz.
Aşağıda ki HTML dikey menü kodlarını açmış olduğunuz gadgetin içine ekleyin ve kaydedin.
<style type="text/css">
/* Made By etralibela-61.blogspot.com */
#ddblueblockmenu{
border: 1px solid #f2890c; /*Main Border Color */
border-bottom-width: 0;
width: 100%;
}
#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#ddblueblockmenu a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 94%; /*94% minus all left/right paddings and margins*/
text-decoration: none;
color: #ff0000; /* Menu Font Color */
background-color: #33ef09; /*Menu background Color */
border-bottom: 1px solid #4d6b0c; /*Bottom border color */
border-left: 7px solid #4d6b0c; /*Left border color */
list-style-type:none;
}
* html #ddblueblockmenu a{ /*IE only */
width: 94%; /*IE 5*/
width: 94%; /*94% minus all left/right paddings and margins*/
}
#ddblueblockmenu a:hover {
background-color: #f2890c; /*Menu background Color On Hover*/
border-left-color: #FDB600; /*Left border color On Hover*/
}
#ddblueblockmenu div.menutitle{
color: #33ef09; /* Title Font Color */
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #f2890c; /*Menu Tite Background Color*/
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
/* Made By AllBlogTools.com */
</style>
<div id="ddblueblockmenu">
<div class="menutitle">Başlık</div>
<ul>
<a href="#">Ana Sayfa</a>
<a href="#">Blogger</a>
<a href="#">Blogger Menü</a>
<a href="#">Bilgi Cafem 61</b></a>
<a href="#">Blogger Eklentiler</a>
<a href="#">Ayarlar</a>
</ul></div><font size="1">Menu By <a
href="http://www.blogokulu.org">Bilgi Cafem 61</a
href="http:></font>
Kod İçerisinde Düzenlenecek Yerler;
Kırmızı # olan yerlere ekleyecek olduğunuz linkleri yazın.
Mavi yazılı yerlere ise menüde görünecek metinlerdir.
Ayrıca kod içerisinde menüde kullanılan renkleri renklerine göre belittim.
Aşağıda Yorum ve Sorularınızı Yazabilirsiniz...
