Membuat scroll label/kategori,scroll Artikel Terlaris/popular post. Yang masih menggunakan gedget bawaan blogger/blogspot. Ini adalah artikel ringan untuk membuat hal yang ringan dan di waktu yang santai. Sepertinya untuk berbagi ini cukup enak dan saya kira juga akan memberi manfaat buat kawan blogger pemula yang lain,semoga.
Sudah banyak saya jumpai tutorial begini dengan berbagi script,namun cara ini tanpa merubah gedget yang sudah di pasang,hanya akan membuat bagaimana tampilanya jadi scroll agar tidak terlalu panjang,seperti label umpamanya,bagi blog yang memiliki label banyak,ini akan merepotkan karena memakan banyak tempat pada halaman.
Wah ini maksudnya bagaimana kok berputar-putar yah?. Begini maksudnya,kalau anda sudah pasang gedget label,post popular,anda tidak perlu menghapus gedget itu. Yang perlu anda buat adalah memberi sedikit tambahan kode di dalam edit HTML supaya tampilan gedget yang telah anda pasang jadi scroll begitu loh. Pahamkan yang saya maksud?. Baiklah biar tidak bingung kita mulai saja cara sederhana tapi akan jadi membantu meringkas halaman blog. Contoh Label Yang sudah di scroll seperti gambar di bawah:
1. Masuk ke dashboard > Pilih blog mana yang akan di rubah (bila punya blog lebih dari satu). Lalu klik Template > klik Edit HTML. Saya akan ambil contoh untuk membuat scroll pada widget gedget label. Lalu cari kode seperti ini > type='label' . Kemudian perhatikan kode seperti di bawah :
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
2. Kalau sudah ketemu,tambahkan kode style='overflow:auto; height:200px' pada setelah widget-content' sebelum penutup > . Maka akan seperti di bawah :
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='widget-content' style='overflow:auto; height:200px'>
Setelah sudah,lalu save dan lihat hasil,kategori blog anda yang tadinya panjang sudah jadi ringkas dengan scroll. Untuk tulisan 200px dapat anda sesuaikan dengan keinginan anda (ukuran tinggi/panjang ke bawah).
NB: Bila anda tidak menemukan yang persis seperti <div class='widget-content'> setelah </b:if> maka anda cari saja kode di bawah </b:if> yang ada tulisan widget-content dan masukan kode tambahan sebelum penutup >.
Kalau di template blog saya setelah </b:if> kodenya seperti ini :
<div expr:class='"widget-content " + data:display + "-label-widget-content"' style='overflow:auto; height:200px'>
Untuk yang lain anda bisa coba dengan cara yang sama,tinggal anda cari widget apa yang akan anda buat scroll. Umpama Artikel Terlaris cari type='PopularPost dan sebagainya (sesuaikan dengan nama widget gedget yang anda pasang). Sekiranya ini saja dan semoga berhasil.
Silahkan berbagi dengan tombol share di bawah,mungkin orang lain lebih membutuhkan artikel ini:
ٱلْحَمْدُ لِلَّهِ رَبِّ
ٱلْعَاٰلَمِين
