4 Mayıs 2015 Pazartesi

Blogger Dikey Menü Eklentisi



                     Blogger Dikey Menü oluşturarak sayfanızın daha çekici hale gelmesini sağlayabilirsiniz. En güzel Blogger adresi sizin olabilir. Google tabanlı olan Blogger platformunda özellik olarak harika bir yapıya sahip.

                     Dikey Menü oluşturarak, kategori alanında devrim yaratabilirsiniz. En hoş kategori adlarını yazarak, normal bir İnternet sitesi haline getirebilirsiniz.

                      Vereceğim Kodu HTML-GADGET EKLE bölümünden yapacaksınız.

              <!-- Blogger Dikey Menu Code From http://www.blogokulu.org/ --> 
<style>
#v-menu {
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
#v-menu {
width: 275px;
}
#v-menu ul {
list-style: none;
text-indent: 0px;
}
#v-menu li {
margin-top: 0px;
border-bottom: 1px solid #414141;
}
#v-menu a {
font-family:Verdana, Geneva, sans-serif;
font-size: 15px;
font-weight:bold;
font-variant: inherit;
padding: 0px;
color:#CCC;
display: block;
padding: 13px 50px;
height: 26px;
line-height: 26px;
text-decoration: none;
background:#333 url(http://1.bp.blogspot.com/-ajlWgyGZgjk/UiX0wp6VUaI/AAAAAAAADSI/R4DmpDf5onc/s1600/menu-bg.png) no-repeat;
text-shadow: 1px 1px 1px #111;
-webkit-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-moz-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-o-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-ms-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
#v-menu a:hover {
background: #5e5e5e url(http://1.bp.blogspot.com/-8u6hsdoTEOU/UiX0wdeLrEI/AAAAAAAADSE/0MRS8eDrgJU/s1600/hover-bg.png) no-repeat;
font-size: 14px;
padding: 13px 60px;
-webkit-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-moz-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-o-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-ms-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);

}
#v-menu a:visited {
background:url(http://1.bp.blogspot.com/-8u6hsdoTEOU/UiX0wdeLrEI/AAAAAAAADSE/0MRS8eDrgJU/s1600/hover-bg.png) no-repeat;
}
#v-menu a:active {
background:url(http://1.bp.blogspot.com/-8u6hsdoTEOU/UiX0wdeLrEI/AAAAAAAADSE/0MRS8eDrgJU/s1600/hover-bg.png) no-repeat;
}
</style>
<div id='v-menu'>
<ul>
<li><a href="URL ADRESİNİZ">blogokulu</a></li>
<li><a href="URL ADRESİNİZ">
blogokulu</a></li>
<li><a href="URL ADRESİNİZ">
blogokulu</a></li>
<li><a href="URL ADRESİNİZ">
blogokulu</a></li>
<li><a href="URL ADRESİNİZ">
blogokulu</a></li>
<li><a href="
URL ADRESİNİZ">blogokulu</a></li>
</ul>
</div>
<!-- Blogger Dikey Menu Code From http://www.blogokulu.org/ -->

Hiç yorum yok:

Yorum Gönder