Cara membuat scroll bar di Blog Archive

Udah lama rasa nya gak buat postingan tutorial. terakhir kali sih waktu buat postingan tentang "Membuat tampilan utama Visual Acuity Application System" . Dan sekarang, gue kembali dengan tutorial baru #eh tentang : Memasang ScrollBar pada Blog Archive

Caranya  gampang, kamu hanya  cukup duduk manis didepan laptop ato kompi ditambah dengan Softdrink beserta cemilan nya #abaikan. Ok  langsung aja:
  1. Login ke blogger.com
  2. Pilih Rancangan dan Edit Hmtl
  3. Centang expand template widget.
  4. Cari kode ini:   <b:includable id='main'> 
  5. Setelah sobat temukan kode diatas perhatikan deretan kode berikut :

  <b:includable id='main'>
  <b:if cond='data:title'>
  <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>  <div id='ArchiveList'>
  1. Pada deretan kode diatas yang berwarna biru tambahkan style='overflow:auto; height:120px' sehingga lengkapnya seperti ini
    <div class='widget-content' style='overflow:auto; height:120px;'>
  2. Selanjutnya save template dan lihat hasilnya.
Kira-kira hasilnya seperti ini:

Nah mudah bukan..?  Selamat mencoba..!

PS: Sebenarnya ada tanda "<" setiap awal kode, dan ">" diakhir kode. tapi gak tau kenapa. setiap aku buat tanda < dan > nya kodenya jadi ilang.. ^^ So, You Know lah maksudnya :D
Previous
Next Post »

3 komment

Click here for komment
March 19, 2012 at 10:39 PM × This comment has been removed by the author.
avatar

CATATAN :
1. Form komentar ini tanpa moderasi dan verifikasi.
2. Dilarang promosi / meng-iklankan suatu produk dll.
3. Berkomentar dengan bahasa yang sopan.
4. Dilarang menanamkan link aktif dalam komentar ini / saya akan hilangkan selamanya.
ConversionConversion EmoticonEmoticon