Cara Membuat Archive dengan Scroll - Penambahan scroll memang banyak manfaatnya. Yaitu bisa menghemat ruang. Sebenarnya banyak sekali widget-widget lain yang bisa ditambahkan fungsi scroll, misalnya "
Cara Membuat Label Blog dengan Scroll ", "
Kotak Komentar dengan Scroll ", "
Cara Membuat Daftar Posting / Isi dengan Scroll ", dan masih banyak lainnya, ditunggu saja postingan tentang
scroll pada pertemuan berikutnya. Nah, sekarang kita menuju tutorial membuat
Archive Blog dengan Scoll
- Masuk ke blogger
- Buka design / rancangan
- Pilih Edit HTML
- Centang "Expand Widget Template"
- Cari kode id='ArchiveList' (Gunakan Ctrl + F )
- Setelah ketemu, masukkan kode berikut ini tepat di atasnya
<div style='overflow:auto; width:ancho; height:250px;'>
- Lalu lihat terus ke bawah sampai menemukan kode <b:include name='quickedit'/>, dan masukkan kode </div> di atas kode <b:include name='quickedit'/> tadi
- Selengkapnya seperti ini,
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
- Keterangan : warna merah adalah kode untuk menambahkan Scroll ,kode </div> adalah kode penutup. Bisa sesuaikan panjang dan lebar scrollnya. Height:250px adalah untuk tingginya, Width:ancho adalah lebarnya, kata ' ancho ' berarti scrollnya fleksibel, alias sesuai tempat. Silahkan dimodif sendiri.
- Hasilnya kira-kira seperti ini
- Penulis :
Damar Saloka Anggoro - Judul :
Cara Membuat Archive Blog dengan Scroll
- Berlangganan newsletter Ka Damar Blog Tips dan Anda akan dapat men-download "EBOOK TRIK TIPS BLOGGER" secara gratis
- Anda juga akan menerima Update Artikel terbaru secara otomatis ke Inbox Email Anda.
Related Post:
Cara Membuat Related Post seperti ini
17 comments
PASTI DEH PAKDE NANTIKAN semua posting yang membuat blog makin indah , ringan, dan tampak minimalis
bagus banget ni blog... n thanks juga atas infonya.
Berhasil Kang! Thanks Banget, jadi gak terlalu memakan tempat. Blog ku jadi Rapih ^_^
mantaf ganz infonya . . . .sip
t`kasih atas infonya..
sangat bermanfaat sekali bwat saya..
salam.. ;)
WAAH,,,!!
berhasil, blog aku jadi lebih simple,,,
dan nggak makan tempat lagi ;)
nice
mas ane kgk ktemu nih T.T
thanks InfonYA.. visit here..
waaaah asiiik, udah dari lama nyariin baru dapat sekarang (terharu hebat)
makasih ya mas admin !
sekalian lihat-lihat blog saya juga ya di http://segisatu.blogspot.com tukaran link juga boleh kok !
Terima kasih banget ni cara untuk membuat scroll pada arsip. Sudah saya pergunakan. ^_^
by: Tsani Oke
Terimakasih untuk tutorialnya
makasih.akhirnya berhasil juga.mohon liat-liat keblog saya ya bila ada waktu
o,ya mohon jadi follower pertamaku ya
id='ArchiveList' gak ketemu... . . . gak ada,,
mantap makasih ya http://www.erdishare.co.cc/
mantap gan...infonya berguna banget...tanks
makasih mas, berhasil.. ane udah pasang di blog yang lain..
WAH ini yang saya cari, dengan kode ini bisa membuat blog lebih rapi dan g rame..
Poskan Komentar
[Gunakan Kotak Komentar Klasik untuk Berkomentar]