Home » » Cara Membuat Scroll Pada Blog Archive (Arsip Blog) Blogspot

Cara Membuat Scroll Pada Blog Archive (Arsip Blog) Blogspot

Written By Faiz Al Zukhruf on Saturday, 30 June 2012 | 09:56

Jika sobat membaca tiga tulisan sebelumnya, yakni: Membuat Scroll Pada BloglistMembuat Scroll Pada Linklist, dan Membuat Scroll Pada Label, pasti dapat menyimpulkan bahwa cara untuk membuat scroll pada gadgetblogger/blogspot adalah sama, yaitu dengan cara menambahkan perintahoverflow pada kode <div class='widget-content'>. Demikian juga jika kita membuat scroll pada blog archieve ini.

Blog archieve atau arsip blog yang mengunakan pilihan hierarki biasanya akan memanjang tak beraturan, sesuai dengan jumlah artikel yang kitapublish tiap bulannya (bisa juga mingguan, tergantung pilihan kita). Tentu saja ini akan sedikit mengganggu penampilan blog kamu karena panjangsidebar menjadi tidak menentu. Untuk itulah perlu dibuatkan scroll agar panjangnya tetap sesuai aturan yang kita buat.

Untuk membuat scroll pada blog archieve ini tidak jauh beda dengan membuat scroll pada gadget blogger/blogspot yang lain, yaitu sebagai berikut:
  • Dari halaman dasbor, klik Template - 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 yangberwarna 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 dan ucapkan Alhamdulillah.....

Ok, segitu aja sob. Semoga tidak bosen dengan bahasan yang itu-itu melulu, hehehe...
Selamat mencoba....
Share this article :

0 comments:

Post a Comment

Jika Ingin Memasukan Kode Script (CSS, HTML, JavaScript) Silahkan Gunakan Kode Dibawah ini :

1. Untuk Menyisipkan Kode Panjang Gunakan Kode Disini
2. Untuk Menyisipkan Kode Pendek Gunakan Kode Disini
3. Untuk Menyisipkan Quote Gunakan Catatan Anda
4. Untuk Menyisipkan Gambar Gunakan URL Gambar
5. Untuk Menyisipkan Video Gunakan URL Video Youtube

Translate

 
Design By : Faiz Al Zukhruf | Facebook | Twitter
Copyright © 2014. Cheater rembanx - All Rights Reserved
Published byMas Template
Proudly powered by Blogger