dvayshare

Membuat Menu Arsip Blog Dengan Scroll

Rasanya ada yang kurang kalo sehari tidak posting. hehehe... Kebayang ngak gan kalo dalam waktu 1 bulan kita memosting 100 postingan. dengan blog archive kita belum di modifikasi menjadi blog archive menggunakan scroll, tentunya blog kita akan terlihat tersesaki dan banyak memakan tempat oleh ulah archive ini.

Nah pada kesempatan ini dvayshare akan ngasih tau untuk mengatasi masalah tersebut, dengan memberi batasan tinggi pada widget blog arcive tersebut ini akan membuatnya lebih simpel dan tidak memakan ruang di sidebar, dan tentunya akan ada fasilitas scroll kebawah untuk melihat seluruh isi arsive blog agan.


Tips ini ane kasih cara dengan menambahkan kode css, karena lebih mudah Menggunakan Css Tanpa Harus mencari dan menambahkan kode div pada kode widget Archive Blog,

Dari pada banyak basa basi Langsung aja gan ikuti langkah langkah dari awal samapai akhir.. 

Membuat Scroll Pada Archive Blog dengan CSS

1. Login ke blogger agan

2. Sebelumnya buat dulu widget Arsip Blog, yaitu dengan cara menuju ke Tata Letak >> Tambah Gadget >> Pilih Arsip Blog/Blog Archive.

3. Tapi jika sebelumnya sobat udah memasang widget/gadget Arsip Blog pada blog sobat, maka langkah nomer 2 dilewati saja.

4. setelah sesesai membuat widget arsip blognya, Langsung menuju halaman Template >> Edit HTML

5. Cari kode BlogArchive1 dengan menggunakan Ctrl + F, usahakan saat anda cari kode tersebeut harus ada, karena itu adalah ID dari widget yang kita edit, jadi pada CSS harus sama.

6. Setelah itu Cari kode ]]></b:skin>
Kemudian, letakkan kode berikut di atas kode ]]></b:skin>

#BlogArchive1 .widget-content{
height:250px;
width:auto;
overflow:auto;
}

Yang perlu agan perhatikan adalah :

• BlogArchive1 adalah ID dari widget BlogArchive1.
• height:250px; adalah tinggi dari widget Arsip Blognya. Ganti dengan ukuran tinggi yang agan inginkan

Beres deh sekarang tinggal liat hasilnya.. jika tidak muncul kemungkinan agan ada kesalahan dalam mengikuti langkah langkah diatas..coba ulangi dengan teliti gan..