Membuat Label Blog Model Scroll

Label sangat penting diharapkan dalam sebuah blog. Karena dengan labeling yang baik akan semakin mempermudah pembaca dalam menemukan warta yang mereka butuhkan dalam blog kita dengan cepat. Pemberian label untuk setiap postingan blog juga bermanfaat untuk mengarahkan pembaca biar lebih gampang dalam menyimpulkan tema ibarat apakah yang diusung oleh blog kita. Karena tugas label yang sangat penting inilah biasanya menciptakan label sering dipergunakan dan ditempatkan di halaman depan blog kita masing-masing.

 

Masalah akan muncul layaknya arsip blog yang kita bahas kemarin. Jika kita sudah blogging dalam waktu yang usang dan tema blog kita cenderung membutuhkan label yang banyak, niscaya mau tidak mau penempatan label ini akan banyak memakan tempat. Lalu, bagaimana solusinya? Kita akan membungkus untuk meringkasnya dengan model scroll layaknya arsip blog dengan model scroll ibarat kemarin.

Bagaimana caranya menciptakan label blog dengan model scroll ini?

Pertama ibarat biasa kita log in dahulu ke akun blogger kita masing-masing.
Klik fitur rancangan.
Klik edit HTML.
Klik atau contreng kotak expand template widget.
# pada keyboard, tekan Ctrl + F untuk memunculkan kotak pencarian dalam edit HTML biar pencarian lebih gampang dilakukan.
Perhatikan arahan HTML di bawah ini.

<b:widget id='Label1' locked='false' title='NAMA LABEL' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Tambahkan arahan yang berwarna merah untuk mengaktifkan fungsi scrolling pada blog kita.
Klik simpan dan sekarang blog kita pun sudah menampilkan label dengan model scroll.

Keterangan :

• Sebelum melaksanakan edit HTML template blog, selalu back up dengan cara download terlebih dahulu template blog kita untuk mengantisipasi kegagalan ketika proses edit HTML berlangsung.
• Pada arahan berikut, <div style='overflow:auto; width:ancho; height:100px;'>, angka 100px menerangkan tinggi scroll yang dipakai untuk membungkus label blog kita. Ubah sesuai selera.

Bagaimana? Cukup gampang kan? Dibutuhkan ketelitian dan kehati-hatian dalam melaksanakan edit HTML template blog ini. Karena jikalau tejadi kesalahan sedikit saja, maka bukan mustahil hal ini akan menciptakan template blog tidak sanggup bekerja dengan baik atau bahkan tidak sanggup dipakai sama sekali.

Ada tanggapan? Kalau ada pengalaman silakan di share dengan yang lainnya ya kawan?
Salam blogger!

Share this post