(adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-1885391796017373", enable_page_level_ads: true }); pengen tau Cara Membuat Menu Bar Multi Dropdown di blogspot - {PeTa}PeTa

Cara Membuat Menu Bar Multi Dropdown di blogspot

1. Buka akun blogger anda.
2. Pilih menu template / tema > klik Edit Html
3. Lalu plih dan copy code dibawah ini kemudian atau paste letakan kode css ini tepat di atas kode ]]></b:skin> atau dibawah </style>

Lazada Indonesia

<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Kategori Blog</a>
<ul id='sub-custom-nav'>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
</ul>
</li>
<li><a href='#'>Kategori Blog</a>
<ul id='sub-custom-nav'>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
</ul>
</li>
<li><a href='#'>Kategori Blog</a>
<ul id='sub-custom-nav'>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
</ul>
</li>
<li><a href='#'>Kategori Blog</a>
<ul id='sub-custom-nav'>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>

</ul>
</li>
<li><a href='#'>Kategori Blog</a>
<ul id='sub-custom-nav'>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>

</ul>
</li>
<li><a href='#'>Kategori Blog</a>
<ul id='sub-custom-nav'>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>

</ul>
</li>
<li><a href='#'> Kategori Blog </a>
<ul id='sub-custom-nav'>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
</ul>
</li>
<li><a href='#'>Kategori Blog</a>
<ul id='sub-custom-nav'>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
<li><a href='Alamat post artikel blog kamu'>Judul Post</a></li>
</ul>
</div>

Download Kode klik disini

Lazada Indonesia
4. Ganti warna Orange dengan judul kategori blog kamu.
5. Ganti warna Merah dengan alamat postingan blog kamu.
6. Jangan lupa ganti warna Kuning dengan judul postinganmu.

7. Save template / simpan tema.

Selesai

Terima Kasih sudah mampir




















TAGS:
Penulis :