Pengetahuan
10/27/2012
cara membuat scroll archive widget
Membuat Scroll Pada Archive Blog dengan CSS
1. Login ke blogger
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 ]]>
Kemudian, letakkan kode berikut di atas kode ]]>
#BlogArchive1 .widget-content{
height:250px;
width:auto;
overflow:auto;
}
Yang perlu di perhatikan adalah :
BlogArchive1 adalah ID dari widget BlogArchive1.
height:250px; adalah tinggi dari widget Arsip Blognya. Ganti dengan ukuran tinggi yang anda inginkan
sumber: http://abdu-green.blogspot.com/2012/05/membuat-scroll-blog-archive-widget.html
1. Login ke blogger
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 ]]>
Kemudian, letakkan kode berikut di atas kode ]]>
#BlogArchive1 .widget-content{
height:250px;
width:auto;
overflow:auto;
}
Yang perlu di perhatikan adalah :
BlogArchive1 adalah ID dari widget BlogArchive1.
height:250px; adalah tinggi dari widget Arsip Blognya. Ganti dengan ukuran tinggi yang anda inginkan
sumber: http://abdu-green.blogspot.com/2012/05/membuat-scroll-blog-archive-widget.html