Cara Memberi Scroll pada Blog Archive

di tulis oleh: Tulisan Terakhir! on Sabtu, 26 November 2011

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... 
More aboutCara Memberi Scroll pada Blog Archive

Memberi tampilan segar pada background archive blog mu..

di tulis oleh: Tulisan Terakhir!

Seharian ini gua terus disibukakan dengan me-ngotak-atik  tampilan blog baru gua ini. Dari mulai me-makeover background sampai menambah widget-widget keren (biar keliatan propesional, sob..padahal gua cuma copy-paste doank..huhuhu).

Ohya gua mau kasih satu tips ke lo semua cara memberi tampilan yang lumayan kece untuk background archive blog lo. chek ki dot

1. Login blog

2. klik rancangan >> edit HTML (centang 'Expand Template Widget')
3. Lalu cari kode <div id='ArchiveList'> untuk memudahkan untuk mencari tekan ctrl + f.
Hasilnya seperti ini :
<div class='widget-content'>
<div style='overflow:auto; height:300px; background:url(http://i865.photobucket.com/albums/ab218/1rd3/Gununges.jpg); background-repeat:no-repeat;'> 
<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'/>
 4. Simpan dan lihat hasilnya.
kode yang berwarna biru adalah kode yang harus ditambahkan.
angka 300  menandahakn tinggi blog archive sobat, dan pastinya bisa sobat sesuaikan sendiri dan bila sobat ingin memberi efek scroll pada archive sobat bisa klik DISINI
link http://i865.photobucket.com/albums/ab218/1rd3/Gununges.jpg  adlah alamat gambarnya dan bisa sobat ganti.

Note: silahkan kalau mau di sebarkan. Thanks, semoga bermanfaat. (rj)

More aboutMemberi tampilan segar pada background archive blog mu..
  • Share