Cara Mengganti Menu Bar dan Memasang Label Pada Template Blogger Dengan HTML

Membuat Label Pada Blog - Pada saat mengganti template dari template asli bawaan blogger ke template yang kita download, pasti menu bar pada template tersebut berubah menjadi menu bar-menu bar bawaan pada template yang kita download itu sendiri. Nah kesempatan kali ini saya akan mencoba untuk memaparkan bagaimana caranya untuk mengganti menu bar tersebut sesuai dengan keinginan kita, terutama agar sesuai dengan label-label kita. Agar postingan-postingan kiita dapat terkelompokkan sesuai pada label yang kita buat.

Langsung saja kita ke caranya

1. masuklah anda ke akun blog anda
2. masuk ke dasbor lalu pilih template
3. pilih Edit HTML
4. langsung kita pilih lompat ke widget / ctrl+f
5. jika kita pilih ke widget maka pilihlah Header1

kalau kita ketik tombol ctrl+f maka akan muncul kolom pencarian dipojok kanan atas

nah kita dapat menuliskan langsung menu bar yang mau kita edit.

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>

<ul class='children'>

<li><a href='#'>Internet</a></li>

<li><a href='#'>Market</a></li>

<li><a href='#'>Stock</a></li>

</ul>

</li>

<li><a href='#'>Downloads</a>

<ul class='children'>

<li><a href='#'>Dvd</a></li>

<li><a href='#'>Games</a></li>

<li><a href='#'>Software</a>

<ul class='children'>

<li><a href='#'>Office</a>

</li>

</ul>

</li>

</ul>

</li>

kita ubah menjadi

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

Home diatas bisa sobat ganti menjadi Beranda atau apalah terserah dan sesuka sobat

sedangkan

<li><a href='#'>Business</a>

<ul class='children'>

saya ganti menjadi

<li><a href='#'>Pengetahuan</a>

<ul class='children'>

lalu

<li><a href='#'>Internet</a></li>

<li><a href='#'>Market</a></li>

<li><a href='#'>Stock</a></li>

</ul>

</li>

saya ganti menjadi

<li><a href='http://katalebay1.blogspot.com/search/label/Islami?max-results=10'>Islami</a></li>

<li><a href='http://katalebay1.blogspot.com/search/label/Lainnya?max-results=10'>Lainnya</a></li>

</ul>

</li>

<li><a href='#'>Cerita</a>

<ul class='children'>

<li><a href='http://katalebay1.blogspot.com/search/label/Humor?max-results=10'>Humor</a></li>

<li><a href='http://katalebay1.blogspot.com/search/label/Horor?max-results=10'>Horor</a></li>

</ul>

</li>

catatan :

'#' saya ganti dengan 'http://katalebay1.blogspot.com/search/label/Islami?max-results=10'

langkah tersebut berguna sebagai label yang nantinya bila di klik dapat langsung berfungsi

sedangkan 10 = adalah jumlah yang akan ditunjukkan pada setiap label

untuk

</ul>

</li> perhatikan juga penulisannya. .bila berganti warna merah berarti anda telah melakukan kesalahan. Dan berakibat template tidak bisa dimunculkan..

Semoga dapat mudah dipahami. .sekian dan terima kasih.

Baca Juga Yang Lainnya 

• Hasan Bin Ali Pemersatu Umat
• Cara Membakar Jin Yang Suka Menindih disaat Kita Tidur
• Kisah Bangsa Yahudi di Akhir Zaman
• Apa Saja Perhiasan Rasulullah ?
  • Ingatlah Hal-hal Ini Sebelum Melakukan Maksiat !
  • Tujuh Godaan Iblis Lakhnatullah Saat Sekarat
  •  kiat-kiat Game Top Eleven
  •  Tipe-tipe Orang Saat Ditagih Hutang