Tutorial Blog Mas Andes Official - Tips Blogging | Trik Blogger | Tutorial Blogger | Widget Blogger | Blog Design | Taktik SEO (Search Engine Optimization)

Cara Membuat Scroll Pada Archive Blog

Cara Membuat Scroll Pada Archive Blog - Mengingat banyaknya widget yang terdapat di sidebar blog, tentunya akan memakan banyak ruang untuk menampilkan widget tersebut. Makanya usahakan untuk membuat widget sidebar menjadi seminimal mungkin. Salah satu cara tersebut adalah dengan membuat scroll pada widget. Membuat scroll pada archive blog merupakan salah satu langkah tepat untuk meminimalisir kemungkinan pada sidebar blog agar lebih tertata. Cara membuat scroll pada archive blog sangat mudah simple dan hanya dengan menyisipkan sedikit kode pada template blog. Untuk lebih jelasnya, berikut adalah tutorial Cara Membuat Scroll Pada Archive Blog:

1. Login ke akun Blogger.
2. Klik Template >> Edit HTML >> Lalu cari kode dibawah ini.
<div id='ArchiveList'>
Untuk memudahkan pencarian gunakan CTRL+F.

3. Jika sudah ketemu, Copy lalu Paste kode berikut ini tepat diatasnya:
<div style='overflow:auto; width:ancho; height:200px;'>
Keterangan:
Ganti angka 200 dengan tinggi yang di inginkan.

5. Sehingga tampilan kode secara akan seperti ini:
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
6. Simpan Template.

Berlangganan artikel via email

4 Response to "Cara Membuat Scroll Pada Archive Blog"

mas berhasil,makasih ya

Balas

syukur deh kalo berhasil, senang bisa membantu :)

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Cara Membuat Scroll Pada Archive Blog" ini bermanfaat, share ke jejaring sosial.
Konversi Kode