Cara Memberi Scroll pada Blog Archive

7 February

Blog archieve atau arsip blog yang mengunakan pilihan hierarki biasanya akan memanjang tak beraturan, sesuai dengan jumlah artikel yang kita publish tiap bulannya (bisa juga mingguan, tergantung pilihan kita). Tentu saja ini akan sedikit mengganggu penampilan blog sobat karena panjang sidebar menjadi tidak menentu. Untuk itulah perlu dibuatkan scroll agar panjangnya tetap sesuai aturan yang kita buat. Cara ini tak jauh berbeda dengan cara memberi scroll pada label yakni dengan memasukkan kode style='overflow:auto; height:200px' nah mungkin masih pada bingungkan??? langsung ada deh ke tutorialnya : 

1. Login Blog 

2. Rancangan --> Edit HTML --> Centang Expand Template Widget

3. Cari kode dibawah ini ( NB: Harus ada widget labelnya terlebih dahulu )

4. Tekan Ctrl + F untuk memudahkan mencari 

5. Cari kode seperti dibawah ini dan

6. Masukkan kode yang berwarna merah 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>

 7. Simpan Template... dan coba lihat hasilnya..... Good Luck...