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.

Memasang Drop Menu Di Blog. 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 Memasang Drop Menu Tanpa Edit Template

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>


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.

0 Response to "Cara Memasang Drop Menu Tanpa Edit Template Di Blog"