Cara Membuat Scroll Pada Blog Archive

Setiap postingan ini muncul di blog archive, akan tetapi kadang kala pada template blog tidak adanya tombol scroll pada blog archive, sehingga widget blog archive memanjang kebawah, tentu hal ini akan membuat tampilan blog sobat menjadi tidak bagus. 

Tampilan blog Archive tanpa scroll

Tampilan blog dengan menggunakan scroll

Sangat jelas sekali pada tampilan blog archive tanpa scroll akan banyak sekali memakan tempat pada blog sobat

Pada postigan kali ini saya akan memberikan tutorial cara membuat scroll pada blog archive (blogger)
1. Pertama-tama sobat login terlebih dahulu

2. Kemudian klik template

3. Dan klik edit html

4. Cari kode ini <div id='ArchiveList'> . Agar lebih mudah gunakan CTRL+F 
Pada tema yang saya gunakan saya menemukan dua buah kode ini, jangan salah pilih pastikan kode yang dipilih merupakan kode untuk widget blog archive. 
Contoh kode yang benar (klik untuk memperbesar gambar)

Terdapat tittle Blog Archive sebelum kode <div id='ArchiveList'>

5. Letakkan kode  <div style='overflow:auto; width:ancho; height:300px;'> diatas kode <div id='ArchiveList'>
Angka 300 itu merupakan panjang dari blog archive, sobat bisa menggantinya sesuai keinginan sobat.

6. Lalu tambahkan kode </div> sebelum kode <b:include name='quickedit'/>

7. Kemudian simpan template

Jika masih bingung, sobat bisa melihat pada gambar dibawah ini (klik untuk memperbesar gambar)

Diposkan oleh Unknown di 13:34

Email ThisBlogThis!Share to TwitterShare to Facebook

Label: Blogger, Tutorial, Tutorial Blog