Kamis, 17 Februari 2011

Cara Membuat Fungsi Scroll pada Archive Blog

Pada Umumnya sebuah blog/situs akan terlalu boros, jika postingannya banyak. Yang menyebabkan itu adalah Archive Blog kita, dimana saking banyaknya postingan kita maka archive blog kita akan memanjang ke bawah, kecuali kalau anda memakane tipe DropDown pada Archive Blog anda.
HAri ini saya mempunyai tips untuk menghemat tempat untuk Archive Blog anda, yaitu dengan membuat fungsi scroll pada bagian Archive Blog. Oke, jika sobat blogger berminat silahkan ikuti langkah-langkahnya.



Cara Membuat Fungsi Scroll pada Archive Blog
  • Dari halaman dasbor, klik Tata Letak - Edit HTML.
  • Beri tanda centrang pada Expand Template Widget.
  • Kemudian cari kode type='BlogArchive' (gunakan Control F atau F3).
  • Perhatikan kode yang ada di bawahnya, seperti ini: 
  • <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <div id='ArchiveList'>
  • Tambahkan perintah style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga menjadi seperti ini:
    <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'>
  • Atur ukuran tinggi (height)-nya sesuai kebutuhan.
  • Simpan hasil editing ini
Ok, segitu aja sob. Semoga tidak bosen dengan bahasan yang itu-itu melulu, hehehe...
Selamat mencoba

Tidak ada komentar:

Posting Komentar