Guest Book UT24-WEB.INFO Silahkan Tinggalkan Jejak Disini, Tapi Ingat Jagalah Kesopanan...!!
.:: Happy Blogging ::.

Membuat Scroll Box pada Blog Archive



Sidebar dari blog ini berada di sebelah kanan blog post, Sobat blogger bisa lihat sendiri sebenarnya tanpa perlu saya jelaskan. Terdapat widget Arsip Blog disana yang saya setting dengan setting Dropdown Menu. Kalau kita menggunakan Kalu saya gunakan setting Flat List, maka arsip blog saya akan terlihat seperti gambar di bawah ini :

arsiv blog, archieve blog, blog archieve, scroll box blog archieve, scrolling blog arsip

Dan kalau saya atur secara Hierarchy, maka arsip blog saya akan tampil seperti ini:

arsiv blog, archieve blog, blog archieve, scroll box blog archieve, scrolling blog arsip

Kalau jumlah post atau artikel yang kita sudah publikasikan di atas 100 (Seratus) kemudian kita setting arsip blog kita dengan Hierarchy atau Flat List, tentunya widget arsip blog kita akan terlihat panjang. Solusi yang paling tepat untuk mengatasi tampilan widget arsip blog yang terlalu panjang adalah dengan cara Membuat Scroll Box pada Blog Archive. Bagimana cara membuatnya? Ikuti langkah-langkah berikut:

Cara Membuat Scroll Box pada Blog Archive :
  • Sign In di http://www.blogger.com/
  • Klik Menu Rancangan, lalu pilih Edit HTML.
  • Kasih tanda Centang pada Expand Widget Template
  • Cari kode berikut <div id='ArchiveList'>
  • Perhatikan kode sebelum kode tersebut!

arsiv blog, archieve blog, blog archieve, scroll box blog archieve, scrolling blog arsip

  • Hapus kode <div class='widget-content'>
  • Lalu ganti dengan <div class='widget-content' style='overflow:auto; height:200px'>
  • Klik Simpan Template

Tambahan :
200px adalah ukuran tinggi Scroll Box, Silahkan disesuaikan dengan tinggi Scroll Box yang sobat blogger inginkan


Original Posted by : ADMIN

Komentar anda sangat membantu perkembangan blog ini!!


Share this article now with your friends !

Posted by : Unknown ~ / Tuorial , Tips Trik , Gadget , SEO

Artikel Membuat Scroll Box pada Blog Archive diposting oleh Unknown pada . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Leave a comment

Get Update Via E-Mail

Cukup Masukkan alamat email Anda untuk berlangganan di blog ini dan menerima pemberitahuan artikel terbaru melalui email anda. Bergabunglah dengan 245 pengikut lainnya...!



 

Copyright © - Tutorial Blogspot / All Rights Reserved.
Copyright © 2012 -