Membuat Kolom Scroll pada Blog Archive

Selamat sore semua..setelah sekian lama sibuk dan gak punya ide mau buat tulisan apa akhirnya saya punya ide membuat kolom scroll pada blog saja deh..

Biasanya lebih gampang untuk menambah kotak kolom pada add widget -> html/javascript, tapi untuk blog archieve kita harus merubahnya lewat template, tapi sebelumnya sobat harus menambahkan dulu widget archieve pada blog sobat, sudah tahu kan cara menambahnya? add widget -> archieve. Tujuannya dari membuat kolom ini jelas untuk memotong agar archieve nya tidak terlalu panjang kebawah. Langsung saja sobat ikuti cara dibawah ini

1. Pertama sobat ke menu rancangan -> edit html
2. Jangan lupa centang Expand Widget Templates
3. Sobat cari kode berikut <div id='ArchiveList'> ingat sobat sebelumnya sudah memasang widget archieve terlebih dahulu ya, kalau belum ya nggak ada kodenya.
4. Setelah ketemu, sobat masukkan script dibawah ini sebelum kode diatas
   <div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;"> 
5. Kalau sudah, sobat cari kode dibawah ini <b:include name='quickedit'/> sobat tinggal geser kebawah sedikit, nggak perlu Ctrl+F 
6. Setelah ketemu, sobat copy </div> dan letakkan diatas kode <b:include name='quickedit'/> tadi
7. Simpan Template

Sobat bisa mengatur height atau width atau juga warna background nya
Note : Tidak semua template sama, tapi cara ini berhasil di template blog saya

Semoga dapat sedikit membantu sobat semua :)

Related Articel: