RSS

Menu Dropdown Blogger | Navigasion Menu Dengan kotak Pencarian


Menu Dropdown . Menu menghemat space / ruang pada sebuah blog . menu cantik yang dilengkapi dengan search menu agar tidak usah repot lagi dengan memasang  code baru. dengan begitu tampilan menu akan lebih elegan dan tambah manis tentunya. dan contoh bisa dilihat pada menu di atas .

Cara membuat menu navigasi dropdown
Build your Twitter account with ManageFlitter
> Login Blogger >> pilih template lalu > Edit HTML
> Jangan lupa centang expandwidget
> kemudian cari code ]]></b:skin> dan copy code dibawah ini lalu pastekan diatas ]]></b:skin>

taruh di atas code ]]></b:skin>



  • Copy Code : 


  • Dan masih di edit template cari kode
    </head> 


    taruh kode dibawah ini  di atas kode </head> atau bisa juga taruh kode melalui tambah widget jika tidak ingin repot jika nanti ingin melakukan pengeditan menu.


    <div id='menuwrapperpic'><div id='menuwrapper'><ul id='menubar'><li><a href='/'><img border='0' src='http://1.bp.blogspot.com/-Yx-NuFKviSQ/TwETaPMdmfI/AAAAAAAAATs/fLZvwofZ8N0/s1600/home_white.png' style='padding:0px;'/> Home</a></li><li><a href='URL DISINI' target='new'>Tentang Admin</a></li><li><a class='trigger'>Contact Us</a><ul><li><a href='URL DISINI' target='new'>Goggle +</a></li><li class='hr'/><li><a href='ALAMAT AKUN TWITTER' target='new'>Contact on Twitter</a></li><li><a href='ALAMAT SPACE' target='new'>Contact on Myspace</a></li><li><a href='ALAMAT FACEBOOK' target='new'>on Facebook</a></li></ul></li><li><a href=' http://alvizcyber.blogspot.com ' target='new'>Creator</a></li><li><a class='trigger'>Tips dan Trik</a><ul><li><a href=' http://alvizcyber.blogspot.com '>Komputer</a></li><li class='hr'/><li><a href=' http://alvizcyber.blogspot.com '>Blogspot</a></li><li class='hr'/><li><a href=' http://alvizcyber.blogspot.com '>Facebook</a></li><li class='hr'/></ul></li><li><a class='trigger'>Kategori</a><ul><li><a href=' http://alvizcyber.blogspot.com '>TV Online</a></li><li class='hr'/><li><a href=' http://alvizcyber.blogspot.com '>Komputer</a></li><li class='hr'/><li><a href=' http://alvizcyber.blogspot.com '>Desain Grafis</a></li><li class='hr'/><li><a href=' http://alvizcyber.blogspot.com '>Game</a></li><li class='hr'/><li><a href='http://alvizcyber.blogspot.com'>Microsoft</a></li><li class='hr'/><li><a href=' http://alvizcyber.blogspot.com/search/label/Blogger '>Blogger</a></li><li class='hr'/><li><a href=' http://alvizcyber.blogspot.com/2012/09/info-kerja-lowongan-kerja-situs-info_11.html '>Info Kerja</a></li></ul></li></ul> <div class='menusearch'><div style='float:right;padding:8px 8px 0 0;'><form action='http://alvizcyber.blogspot.com/search' method='get' target=''><input name='sitesearch' style='display:none;' value='http://alvizcyber.blogspot.com'/><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(http://1.bp.blogspot.com/-kmhya2YU7jE/Tv9JVye66xI/AAAAAAAAAP8/S0ZeuQ910Ow/s1600/field-bg.gif) no-repeat;' type='text' value='Cari disini ya sob...'/><input align='top' id='search-btn' src='http://4.bp.blogspot.com/-b9FTjjXAbp4/TwEo-YIwe-I/AAAAAAAAAU4/Du-VmpE9hPE/s1600/bg_search.gif' type='image' value='Search'/></form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>


    Keterangan : kode berwarna hijau adalah link / alamat ketika judul menu di klick , yang berwarna merah adalah judul menu sedang kan yang berwarna putih ganti dengan URL /alamat blog kalian sendiri. ganti semua code yang berwarna dengan kebutuhan.

    Apakah anda punya saran yang lebih keren ?

    Gunakan Tool download dibawah jika tidak bisa copy code

                                  KETERANGAN

    Judul: Menu Dropdown Blogger | Navigasion Menu Dengan kotak Pencarian
    Rating: 100% based on 10 ratings. 5 user reviews.
    Ditulis Oleh ALviz StevaNo

    Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    Related Posts

    0 komentar: