Minggu, 19 Juni 2011

Cara Membuat Scroll Pada Blog Archive (Arsip Blog) Blogspot

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 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 kode style='overflow: auto; width: 200px; height: 250px; padding: 10px; border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 255);'> di kode berwarna biru di atas menjadi:
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content' style='overflow: auto; width: 200px; height: 250px; padding: 10px; border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 255);'>
<div id='ArchiveList'>

height: tinggi : 250px
widht: lebar : 200px

jika anda kurang yakin klik Pratinjau dulu, jika berhasil gunnakan klik Simpan

0 komentar:

Posting Komentar