Thursday, December 9, 2010

Blog Archieve dalam ScrollBox

Mungkin pernah bingung gimana caranya agar 'Blog Archive' anda terlihat singkat?? Disini saya akan ngeshare cara agar 'Blog Archive' terlihat singkat sehingga dapat menghemat space blog anda. Langsung aja yah, tanpa basa-basi (ini aja uda basa-basi).


Untuk merubah tampilan seperti yg akan saya share ini, diperlukan keahlian dalam mengutak-atik template blogger anda. Baiklah, berikut langkah-langkah yg diperlukan : 

  • Log In pada Blogger.
  • Klik pada 'Design' atau 'Rancangan'.
  • Klik pada 'Edit HTML'.
  • Search terlebih dahulu widget blog archive anda, biasanya bertuliskan type='BlogArchive' .
  • Kemudian cari kode berikut :
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
*Tips : Untuk lebih mudah dalam searching, gunakan fungsi keyboard CTRL+F.
  • Setelah ketemu, tambahkan kode ini : style='overflow:auto; height:200px' pada bagian  <div class='widget-content'>. 
  • Maka kode anda akan menjadi seperti berikut :

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content' style='overflow:auto; height:200px'>
<div id='ArchiveList'>
 Selesai?? Dapat dimengerti?? Eiiits, sebelum ngacir jangan lupa 'Save Template' anda dulu. Lihat kembali blog anda, maka tampilan 'Blog Archive' anda akan berubah seperti berikut :

Lumayan menghemat space blog anda bukan??

 *Sumber : Here

No comments:

Post a Comment