Blogger Yatay Açılır Menu

Görüntüleme

Merhaba arkadaşlar uzun bir aradan sonra tekrar aynen paylaşımlara devam ediyoruz.Bugünde sizlere yepyeni, renkli muhteşem bir menu göstereceğim.Efendim biliyorsunuzki çoğu sitede en az 1 menu kesinlikle diyelim kesinlikle bulunmaktadır.Mesela benim zamaneblog sitemde kaç menu var ? 1 menu var, daha fazla örnek gösterecek olursak yeni çıkan blogger tasarımlarına bakabiliriz ben size şöyle 2-3 tane göstereyim örnek resim olarak.Görüyorsunuzki her temada en az 1 menu var.Sizin temanızda bir farklılık var, sizin temanızdaki menu aşağı doğru acılıyor ve muhteşem renkleri ile temaya uyum sağlıyor.İşte nasıl nerede var diye soruyorsanız? Az sonra size vereceğim kodlar ile temanızda olacak.

Resimin Üzerine Tıklayarak Yakından Bakabilirsiniz

Demoyu Resimin Üzerine Tıklayarak Yakından İnceleyebilirsin

Arkadaşlar gerçektende bu menu muhteşem bir menu oval, temaya uyumlu, css'si ile temanın görünümünü bozmayan bir menu, bu menu 7 kısıma ayrılmış bir menu.İşte arkadaşlar lafı uzatmayayım ben direk kodlara ve değiştireceğiniz kısımlara geçeyim..

1. Blogger sitenize gidiyorsunuz
2. </header> bu kodu şablon dan ctrl+f ile aratıyorsunuz.
3. Bulduktan sonra vereceğim kodları alt kısımına yapıştırıyorsunuz.

<!-- http://www.blogzamane.blogspot.com.tr/ -->
<!-- Kod Paylasim Merkezi -->
<div id="menubor">
</div>
<center>
<ul id="menu">
<li><a class="hmlink" href="#">Ana Sayfa</a></li>
<li><a class="winlink" href="#">Bilmem Ne</a></li>
<li><a class="maclink" href="#">Bilmem Ne</a></li>
<li><a class="andlink" href="#">Bilmem Ne</a></li>
<li><a class="gamlink" href="#">Bilmem Ne</a></li>
<li><a class="seclink" href="#">Bilmem Ne</a></li>
<li><a class="linlink" href="#">Bilmem Ne</a></li>
</ul>
</center>
<script Language='Javascript'>
<!--
document.write(unescape('%3C%73%74%79%6C%65%3E%0A%23%6D%65%6E%75%20%6C%69%20%7B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%64%69%73%70%6C%61%79%3A%20%69%6E%6C%69%6E%65%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%6C%69%73%74%2D%73%74%79%6C%65%3A%20%6E%6F%6E%65%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%70%61%64%64%69%6E%67%3A%20%30%3B%20%20%20%20%20%20%20%20%20%20%20%0A%20%7D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%0A%20%23%6D%65%6E%75%20%6C%69%20%61%20%7B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%70%61%64%64%69%6E%67%3A%20%31%35%70%78%20%32%30%70%78%20%31%35%70%78%20%32%30%70%78%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%20%6E%6F%6E%65%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%63%6F%6C%6F%72%3A%77%68%69%74%65%3B%0A%20%20%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%20%27%4E%6F%74%6F%20%53%65%72%69%66%27%2C%20%73%65%72%69%66%3B%0A%2D%6D%6F%7A%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%20%69%6E%73%65%74%20%30%20%30%20%31%33%70%78%20%2D%32%70%78%20%23%30%30%30%3B%0A%2D%77%65%62%6B%69%74%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%20%69%6E%73%65%74%20%30%20%30%20%31%33%70%78%20%2D%32%70%78%20%23%30%30%30%3B%0A%62%6F%78%2D%73%68%61%64%6F%77%3A%20%69%6E%73%65%74%20%30%20%30%20%31%33%70%78%20%2D%32%70%78%20%23%30%30%30%3B%0A%20%20%66%6F%6E%74%2D%73%69%7A%65%3A%31%38%70%78%3B%0A%20%20%2D%77%65%62%6B%69%74%2D%62%6F%72%64%65%72%2D%62%6F%74%74%6F%6D%2D%72%69%67%68%74%2D%72%61%64%69%75%73%3A%20%31%30%70%78%3B%0A%2D%77%65%62%6B%69%74%2D%62%6F%72%64%65%72%2D%62%6F%74%74%6F%6D%2D%6C%65%66%74%2D%72%61%64%69%75%73%3A%20%31%30%70%78%3B%0A%2D%6D%6F%7A%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%2D%62%6F%74%74%6F%6D%72%69%67%68%74%3A%20%31%30%70%78%3B%0A%2D%6D%6F%7A%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%2D%62%6F%74%74%6F%6D%6C%65%66%74%3A%20%31%30%70%78%3B%0A%62%6F%72%64%65%72%2D%62%6F%74%74%6F%6D%2D%72%69%67%68%74%2D%72%61%64%69%75%73%3A%20%31%30%70%78%3B%0A%62%6F%72%64%65%72%2D%62%6F%74%74%6F%6D%2D%6C%65%66%74%2D%72%61%64%69%75%73%3A%20%31%30%70%78%3B%0A%20%20%74%72%61%6E%73%69%74%69%6F%6E%3A%20%70%61%64%64%69%6E%67%2D%62%6F%74%74%6F%6D%20%2E%36%36%36%73%3B%0A%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%20%70%61%64%64%69%6E%67%2D%62%6F%74%74%6F%6D%20%2E%36%36%36%73%3B%0A%2D%6D%6F%7A%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%20%70%61%64%64%69%6E%67%2D%62%6F%74%74%6F%6D%20%2E%36%36%36%73%3B%0A%2D%6F%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%20%70%61%64%64%69%6E%67%2D%62%6F%74%74%6F%6D%20%2E%36%36%36%73%3B%0A%2D%6D%73%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%20%70%61%64%64%69%6E%67%2D%62%6F%74%74%6F%6D%20%2E%36%36%36%73%3B%0A%20%20%0A%20%20%0A%7D%0A%20%23%6D%65%6E%75%20%6C%69%20%61%3A%68%6F%76%65%72%20%7B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%0A%20%20%70%61%64%64%69%6E%67%2D%62%6F%74%74%6F%6D%3A%32%30%70%78%3B%0A%7D%0A%2E%68%6D%6C%69%6E%6B%7B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%3A%23%32%34%34%35%39%41%3B%0A%7D%0A%2E%77%69%6E%6C%69%6E%6B%7B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%20%72%67%62%61%28%39%2C%31%37%33%2C%32%31%37%2C%31%29%3B%0A%7D%0A%2E%6D%61%63%6C%69%6E%6B%7B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%20%72%67%62%61%28%31%30%38%2C%31%30%39%2C%31%31%32%2C%31%29%3B%0A%7D%0A%20%20%2E%77%65%62%6C%69%6E%6B%7B%0A%20%20%20%20%62%61%63%6B%67%72%6F%75%6E%64%3A%23%45%45%45%45%30%30%3B%0A%20%20%20%20%63%6F%6C%6F%72%3A%62%6C%61%63%6B%3B%0A%20%20%7D%0A%2E%61%6E%64%6C%69%6E%6B%7B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%20%72%67%62%61%28%31%34%39%2C%31%39%31%2C%34%33%2C%31%29%3B%0A%7D%0A%2E%67%61%6D%6C%69%6E%6B%7B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%20%72%67%62%61%28%32%31%32%2C%32%2C%34%33%2C%31%29%3B%0A%7D%0A%2E%73%65%63%6C%69%6E%6B%7B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%20%72%67%62%61%28%30%2C%31%35%38%2C%36%32%2C%31%29%3B%0A%7D%0A%2E%6C%69%6E%6C%69%6E%6B%7B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%20%72%67%62%28%31%32%33%2C%20%38%32%2C%20%31%33%38%29%3B%0A%7D%0A%23%6D%65%6E%75%62%6F%72%7B%0A%20%20%62%6F%72%64%65%72%2D%74%6F%70%3A%31%70%78%20%73%6F%6C%69%64%20%62%6C%61%63%6B%3B%0A%20%20%6D%61%72%67%69%6E%2D%62%6F%74%74%6F%6D%3A%2D%31%70%78%3B%0A%7D%0A%20%20%2E%68%65%61%64%65%72%2D%6F%75%74%65%72%7B%0A%20%20%20%20%70%61%64%64%69%6E%67%2D%62%6F%74%74%6F%6D%3A%32%30%70%78%3B%0A%20%20%7D%0A%3C%2F%73%74%79%6C%65%3E%3C%62%72%20%2F%3E%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%74%65%78%74%2D%61%6C%69%67%6E%3A%20%63%65%6E%74%65%72%3B%22%3E%0A%3C%73%70%61%6E%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%72%65%64%3B%20%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%20%48%65%6C%76%65%74%69%63%61%20%4E%65%75%65%2C%20%41%72%69%61%6C%2C%20%48%65%6C%76%65%74%69%63%61%2C%20%73%61%6E%73%2D%73%65%72%69%66%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%20%78%2D%73%6D%61%6C%6C%3B%22%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%62%6C%6F%67%7A%61%6D%61%6E%65%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%22%3E%3C%62%3E%5A%61%6D%61%6E%65%42%6C%6F%67%3C%2F%62%3E%3C%2F%61%3E%3C%2F%73%70%61%6E%3E%3C%2F%64%69%76%3E'));
//-->
</Script>
<!-- Kod Paylasim Merkezi -->
<!-- http://www.blogzamane.blogspot.com.tr/ -->

Açıklama

1. Menulerin linklerini # simgesinden ayarlayabilirsiniz.
2. Kod içerisinde şifreli kısıma dokunmayınız. *Aksi taktirde kod bozulur