Cara Memasang Drop Menu Tanpa Edit Template Di Blog

Cara memasang drop menu tanpa edit template. Semakin banyak template gratis dan kita download dan kita modif sedikit dari tampilan menu memakai drop menu bila template anda belum ada drop menunya bisa menambahkan dengan memasang drop menu tanpa edit template tinggal pakai, bisa di coba nih.

Tinggal ganti nama url http://cikupacikupa.com dan search label dan ganti menu yang ditampilkan dan label yang akan di pasangkan ke drop menu ini. Javascript ini sangat di perlukan untuk memperbaiki atau memperindah blog anda.

Untuk lebih jelasnya inilah cara memasang drop menu tanpa edit template di blog seperti di bawah ini :

Baca juga : Template Simple Super Ringan Responsive

Cara Membuat Drop Menu Tanpa Edit Template

Tata caranya seperti di bawah ini:
1. Login ke akun blogger shobat di url http://blogger.com .
2. Masuk ke menu dan klik Tataletak.

3. Bila sudah terbuka formnya klik "Tambah widget".

4. Pilih konfigurasi dan klik HTML/Javascript

5. Lalu copy dan pastekan kode javascrtipt di bawah ini.

6. Klik tombol simpan/save.
7. Selamat!! Anda berhasil.

<style> #navcontainer { background: #369; border-top: 1px solid #9CC; margin-top: 20px; font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; } #navlist { list-style: none outside none; margin: 0; padding: 0; } @media all { #navlist { text-align: center } } #navlist li { bottom: 11px; display: inline; line-height: 1.2em; margin: 0; padding: 0; position: relative; } html>body #navlist li { background: #000; margin: 0 3px 0 0; padding: 4px 0px 4px 0; } #navlist a, #navlist a:link, #navlist a:visited { background: #900; border: 1px solid #FFF; bottom: 2px; color: #FFF; cursor: pointer; display: inline; height: 1em; margin: 0; padding: 3px 5px 3px 5px; position: relative; right: 2px; text-decoration: none; } #navlist a:hover { background: #C00; bottom: 1px; color: #FFF; position: relative; right: 1px; } #navlist a:active { background: #999; bottom: 0px; color: #FFF; position: relative; right: 0px; } #navlist li#active { background: #369; bottom: 13px; display: inline; margin: 0 3px 0 0; padding: 0; position: relative; } html>body #navlist li#active { background: #000; margin: 0 4px 0 4px; } #navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover { background: #369; border-bottom: none; border-left: 1px solid #9CC; border-right: 1px solid #9CC; border-top: 1px solid #9CC; bottom: 0; color: #FFF; cursor: text; margin: 0; padding: 2px 5px 0 5px; position: relative; right: 0; } </style>
<div id="navcontainer">
<ul id="navlist">
<li><a href="http://www.idesat.com/search/label/Bio%20data"><span>Bio data</span></a></li>
<li><a href="http://www.idesat.com/search/label/Tip%20dan%20trik"><span>Tip dan trik</span></a></li>
<li><a href="http://www.idesat.com/search/label/Tutorial%20blog"><span>Box office</span></a></li>
<li><a href="http://www.idesat.com/search/label/Inet"><span>Rel estate</span></a></li>
<li><a href="http://www.idesat.com/search/label/Android"><span>Budaya</span></a></li></ul>
</div>

Baca juga :
• Template Ramai Seo Responsive Mirip Evo magz
• Template Simple Super Ringan Responsive
• Templates Terbaik Metro Clasic Responsive 

Terima kasih anda sudah meluangkan waktu dan membaca uraian tentang Cara Memasang Drop Menu Tanpa Edit Template dan sebelum menutup halaman ini alangkah baiknya anda lihat-lihat lagi cara artikel lainnya diblog ini dan komentar dulu tentang uraian diatas.

Bagikan Artikel ini