Cara memberi scroll pada blog archive ~ Free Download Gratis Software ~ dll..

Senin, 19 Desember 2011

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 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  dan cara memberi scroll pada popular post 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 --> jangan lupa 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 sobat (untuk mengatur tinggi kotak Scroll)
mungkin pada template sobat ada yg berbeda makan dari itu cari kode yang mirip seperti pada kode diatas.
7. Simpan Template...
8. Selamat mencoba...

Related Post



0 komentar:

Posting Komentar

/** -------------------------------------------- **/
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Powerade Coupons