Posted by : Karta_Jaya

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

{ 4 komentar... read them below or Comment }

  1. kok di html aku ga ada <div class='widget-content'..?? gmna tu mas??

    BalasHapus
  2. Mungkin template sobat tidak sesuai dengan template untuk tips ini, tapi ada cara lain sobat. Saya merekomendasikan sobat ke blog saya yang satu lagi di TIPS untuk Blogger
    Klik aja Link itu, saya telah memberikan tips yang sama di sana,
    Thank's. (Jkt/2012)

    BalasHapus
  3. Cara Membuat kotak fungsi scrolling pada blog ternyata gampang ya gan!!! Thank you for sharing.. I love scrolling.

    BalasHapus
  4. Halo Sobat..saya buat blog ada produknya yg macam-macam, gmn caranya judul All produk ada muncul berurutan kebawah, thks bantuannya semoga bermanfaat.

    BalasHapus

Tukaran Link Yooo...Silahkan Masukkan Nama dan URL Blog Kamu di Dalam Kotak di Bawah Ini. Silahkan Konfirmasi Saya di HUBUNGI KAMI untuk Melakukan Link Balik ke Blog Anda. Terima Kasih

Terima Kasih Telah Bertukaran Link Dengan Kami. Secepatnya Akan Kami Link Balik

Welcome to My Blog

Blog Archive

Tips Blog


Silahkan Anda Baca Artikel Kami, Jangan Lupa Tinggalkan Jejak Anda di Kolom Komentar.





Page Rank Checker Logo Forantum I Blogging Is My Life Photobucket Blogger Help Templates Widgets SEO Tips aRvaNs Site's WAHYOKU BLOG

Jika Sobat Menghapus Link TTB dari blog sobat, maka TTB-pun akan Berbuat hal yang sama. Adil kan?




Silahkan Anda Klik Salah Satu Link Iklan Di Atas


Widget Blog


Silahkan Anda Baca Artikel Kami, Jangan Lupa Tinggalkan Jejak Anda di Kolom Komentar.


- Copyright © TIPS dan TRIK BLOG -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -