Template blog minimum responsive memiliki dua menu navigasi yang terletak pada bagian header dan footer. Kita dapat menggunakan menu navigasi horizontal pada header untuk menempatkan label, sedangkan menu navigasi horizontal pada footer dapat kita isi dengan informasi pribadi.
Masuk ke akun blogger kita. Pada bagian Dasbor, klik Template. Setelah masuk ke halaman Template, kemudian klik Edit HTML. Contreng Expand Template Widget dan tekan tombol Ctrl+F pada keyboard untuk menampilkan kotak penelusuran. Gunakan kotak penelusuran untuk mengetahui kode HTML berikut.
Menu navigasi horizontal header.
<!-- Main menu -->
<ul>
<li><a href='/'>Home</a></li>
<li><a href='ISI DENGAN URL'>About</a></li>
<li><a href='ISI DENGAN URL'>Free Download</a></li>
<li><a href='ISI DENGAN URL'>Sitemap</a></li>
<li><a href='ISI DENGAN URL'>Blog</a></li>
<li><a href='ISI DENGAN URL'>Contact me</a></li>
</ul>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='ISI DENGAN URL'>About</a></li>
<li><a href='ISI DENGAN URL'>Free Download</a></li>
<li><a href='ISI DENGAN URL'>Sitemap</a></li>
<li><a href='ISI DENGAN URL'>Blog</a></li>
<li><a href='ISI DENGAN URL'>Contact me</a></li>
</ul>
Menu navigasi horizontal footer.
<!-- Footer menu -->
<ul>
<li><a href='/'>Home</a></li>
<li><a href='ISI DENGAN URL'>Olahraga</a></li>
<li><a href='ISI DENGAN URL'>Gaya Hidup</a></li>
<li><a href='ISI DENGAN URL'>Kuliner</a></li>
<li><a href='ISI DENGAN URL'>Busana</a></li>
<li><a href='ISI DENGAN URL'>Keuangan</a></li>
</ul>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='ISI DENGAN URL'>Olahraga</a></li>
<li><a href='ISI DENGAN URL'>Gaya Hidup</a></li>
<li><a href='ISI DENGAN URL'>Kuliner</a></li>
<li><a href='ISI DENGAN URL'>Busana</a></li>
<li><a href='ISI DENGAN URL'>Keuangan</a></li>
</ul>
Ubah yang berwarna merah sesuai keinginan kita.

0 komentar:
Posting Komentar