Cara Membuat Scroll Pada Archive Blog 2

Masih dalam rangkaian utak-atik template untuk tampilan blog, karna kemarin saya coba di template ini tidak berhasil dengan trick pertama kali ini akan berbagi cara Membuat Scroll Pada Archive Blog Part 2 seperti pada blog ini jika jumlah artikelnya pada bulan itu banyak maka scrollnya akan berfungsi. Ini juga sekaligus sebagai realisasi dari janji saya pada postingan sebelumnya.

Cara Membuat Scroll Pada Archive Blog ini hampir sama dengan membuat Fungsi Scroll Pada Label / Kategori yang telah saya posting sebelumnya, perbedaannya hanya terletak pada kata label dengan archive saja.

Untuk jelasnya langsung saja langkahnya seperti ini :

1. Masuk dulu ke Acount Blogger atau Dashboard
2. Pilih Layout , lalu klik Edit HTML
3. Centang dulu Expand Widget Templates
4. Cari kode yang seperti ini : <div id='ArchiveList'> atau kata Archive.
5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.
6. Kalau sudah, tambahkan kode warna merah itu sebagai scollnya
7. Lengkapnya kode tersebut seperti dibawah ini :

<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div></div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>

8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
9. Mungkin saja diblog sobat kodenya beda,, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
10. Kalau sudah jangan lupa save template .
11. Selesai.

Hasil akhirnya bisa kalian lihat di sebelah kanan blog ini

Semoga bermanfaat....

Tags : trick Archive/Arsip , Membuat Scroll pada arcive/arsip, Membuat tombol gulir pada archive/arsip, Trick gulir archive/arsip, archive, arsip, scroll

Mungkin ini yang Kalian Cari