Blogger Parlak CSS Menü Ekleme

 

Bloggerda yeni css menü parlak menü sizinde yukarıda görmüş olduğunuz gibi parlak tonda ve renkli harika bir css menü olduğunu düşünüyorum ben şahsen, renkli bloglar için renkli ve parlak bir menü olduğunu düşündüğüm bu menüyü sitenize eklemek oldukça basit.

Blogger Paneli >> Yerleşim >> Gatget Ekle >> HTML/JavaScript bulduktan sonra aşağıdaki kodları içersine yerleştirin.

Burda değiştirmeniz gereken yerleri renklendirdim sizde kendinize göre uyarlayabilirsiniz.

<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhcvZsbDRuTOJcgW9hPVOvYHNEgix5-WJ55lwBOIo0gfVlDk7qdP04SWEi95e5ltPg819iW03tUZecNLshtE9G-Q_5Rwy9OzJVksxDg5LP8a6Rpatsu1LLsm3mz9U_JcNmBcxlI0tvBBg/s1600/noop-menu-blogger.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://widgetgenerators.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY-6pwRhjJ8tPVN8JnbaMb5y4Ef3OvBPMekZE2d9G7y9nnGHky-NX1vkuV-gCJ0ylKU8FNcZChT4YETpf5WjlwX5SQVVkAXLDk6s2_DKiO0WN-T74gGwwHQgMzLkO-0p1XOSR_2cxvXTs/s1600/1x1juice.png" /></a>
<div class="wg-shining-menu">
    <ul class="menu">
        <li><a href="http://www.bloggerturkey.com/">Ana Sayfa</a></li>

        <li><a href="http://www.bloggerturkey.com/search/label/Blogger">Blogger</a></li>

        <li><a href="http://www.bloggerturkey.com/search/label/Blogger%20Eklentileri">Blogger Eklentileri</a></li>

        <li><a href="http://www.bloggerturkey.com/p/arsiv_26.html">Arşiv</a></li>

        <li><a href="http://www.bloggerturkey.com/p/misafir-blogculuk.html">Misafir Blogculuk</a></li>

        <li><a href="http://www.bloggerturkey.com/search/label/Blogger%20Tricks">İletişim</a></li>
        
    </ul>

</div>