Blogger Turuncu Yeşil Java Menü

Html veya css kodlar her internet tarayıcı ile uyuşmaktadır.İstediğiniz gibi düzenleyerek kendimize uygun bir menü elde edebilirsiniz.Bu menüyü bloğunuza ekleyerek etikete bağlı olarak da kullanabilirsiniz.

Blogger Html veya css kodlarından, Css kodları ile oynayarak site tasarımınıza uygun şekli ve renklerini de kendinize göre,zevkinize göre ayarlamak da mümkündür.

<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background:url("https://lh5.googleusercontent.com/-_LYPQeZ_Tfg/UwZGKYp-34I/AAAAAAAAJHM/F2Wzb_Cn2-0/w298-h52-no/men%25C3%25BC+eklentisi.png") repeat scroll 0 0 transparent;border:1px solid #1357AF!important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style>

<a href="http://etralibela-61.blogspot.com/" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-yr8EcyecYfD7YDdJHODmcJIq1zdSnv6L2lFXjVdHOm7uC8h4yFaFBNfhMCtla4F6d8rd-JoxJ9S11J71xgueRTzGPi9XfuJht-5p8qVXos0QTqySCHJA1lV9AUhrk7JzGGukWbauDzY/s1600/1x1juice.png" /></a>

<div class="wg-shining-menu">
<ul class="menu">
 <li><a href="url">Ana Sayfa</a></li>
<li><a href="url">Blogger</a></li>
<li><a href="url">Twitter</a></li>
<li><a href="url">Facebook</a></li>
<li><a href="url">Arşiv</a></li>
<li><a href="url ">İletişim</a></li>
</ul>
</div>

NOT : Üstte ki kodlar bazı eklentilerden dolayı kod dizini bozuk olabiliyor bu yüzden altta ki "ÖNİZLEME" bölümünden "HTML" kısmına tıklayarakta kodlara ulaşabilirsiniz.