Cara Memberi Scroll pada Blog Archive


Belajar dan Berbagi. Cara Memberi Scroll pada Blog Archive - 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 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>

NB :
sesuaikan angka 200px sesuai keinginan kita (untuk mengatur tinggi kotak Scroll)
mungkin pada tempate  ada yg berbeda makan dari itu cari kode yang mirip seperti pada kode diatas.

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

Semoga bermanfaat...


source : google.com



You Might Also Like:

Add your comment
Hide comment

Disqus Comments
© 2017 Belajar dan Berbagi - Template Created by goomsite - Proudly powered by Blogger