Cara Menambahkan Scroll Pada Label Blog

Cara Menambahkan Scroll Pada Label Blog. Label pada blog pada umumnya adalah kesimpulan dari sebuah konten atau tema,bagian atau kelas.Labeling yang baik akan mempermudah pembaca dalam menemukan informasi yang mereka butuhkan dengan cepat. Pemberian label untuk setiap postingan blog juga bermanfaat untuk mengarahkan pembaca agar lebih mudah.Karena peran label yang sangat penting inilah biasanya membuat label sering dipergunakan dan ditempatkan di halaman depan blog kita.

Bila konten atau artikel kita sudah banyak maka otomatis label juga akan bertambah dan terlalu memakan tempat.Jalan terbaik agar rapih dan ringkas adalah dengan menambahkan scroll pada label blog kita.Mari kita ikuti saja aturan mainya dibawah ini.

Masuk Akun Blogger kita.

Klik fitur rancangan.

Klik edit HTML dan centang kotak expand template widget.

Gunakan Ctrl + F untuk mempermudah pencarian dalam edit HTML

Tambahkan <div style='overflow:auto; width:ancho; height:100px;'> Pada kode label dibawah,dibawah kode <div class='widget-content'>

Tambah pula penutup kode div class-nya </div> dibawah kode </ul>

<b:widget id='Label1' locked='false' title='Judul 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:250px;'>

<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>

Klik simpan Template

Keterangan :

Dalam kode berikut  <div style='overflow:auto; width:ancho; height:250px;'> robah angka 250px untuk mengatur ketinggian scroll agar sesuai dengan template blog kita.

Semoga berhasil dan bermanfaat,happy blogging.