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 :

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.


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

Baca Juga Yang Lainnya 

Loading...

2 Responses to " Cara Mengganti Menu Bar dan Memasang Label Pada Template Blogger Dengan HTML"

  1. manteb gan tutornya, ditunggu backnya yaa

    ReplyDelete
  2. oke gan makasih udah mampir :)

    ReplyDelete