Blogger Dikey Menü Eklentisi (Navigasyonlu)
blogger dikey menu, blogger eklentileri, blogger menu ekle, blogger widget
<!-- 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEStN6MiZKFHTpXbODucQv9BWUdgMA4WBv0jmFDLKmbP2yQ8DezHVf9EIbwIVC6n-P6OImUKPnQTDQfZg3QO-wo7Qpa4ieiygm-k6tRBpIEjJfEwVgXjhNAg8EHnONF8ic1O4aM8a45VGZ/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZOqKxXSBc7igwY3VTXrbl0XbjYoVJ1-QPu4Uthc9Fr6ooar_ICtVdIbtM8ik0tIvyXQU05FIQu34DM5w1UpsiKvhM2WRCwMG8VCR8172oIFxC_o3HOD57r31apJe9i8y0iCF8tCdCxQIm/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZOqKxXSBc7igwY3VTXrbl0XbjYoVJ1-QPu4Uthc9Fr6ooar_ICtVdIbtM8ik0tIvyXQU05FIQu34DM5w1UpsiKvhM2WRCwMG8VCR8172oIFxC_o3HOD57r31apJe9i8y0iCF8tCdCxQIm/s1600/hover-bg.png) no-repeat;
}
#v-menu a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZOqKxXSBc7igwY3VTXrbl0XbjYoVJ1-QPu4Uthc9Fr6ooar_ICtVdIbtM8ik0tIvyXQU05FIQu34DM5w1UpsiKvhM2WRCwMG8VCR8172oIFxC_o3HOD57r31apJe9i8y0iCF8tCdCxQIm/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/ -->
Kod içerisinde mavi renkle belirttiğimiz “URL ADRESİNİZ” kısmına adresimizi yazıyoruz, kırmızı yere ise menudeki ismi yazıyoruz.Örnek:
Etiket: blogger dikey menu, blogger eklentileri, blogger menu ekle, blogger widget