Membuat Scroll Pada Archive Blog memang ini merupakan tips dan trik blogspot lama alias jadul. Tapi gak ada salahnya kalau saya sampaikan disini kembali mengingat banyak teman-teman yang saat ini belajar ngeblog dengan blogspot dan tertarik untuk Membuat Scroll Pada Archive Blog mereka. Jangan tanya bagaimana di wordpress.com karena judulnya Cara Mudah Membuat Scroll Pada Archive Blogspot, ya ini untuk blogspot
Oke langsung saja ya, soalnya saya juga g hobi ngoceh panjang-panjang, lagian masih banyak kerjaan . Ingat Cara Mudah Membuat Scroll Pada Archive Blogspot ini hanya untuk pengguna blogspot, dan baca baik-baik caranya berikut ini
Untuk jelasnya langsung saja langkahnya seperti ini :
- Masuk dulu ke Acount Blogger atau Dashboard
- Pilih Layout , lalu klik Edit HTML
- Centang dulu Expand Widget Templates
- Cari kode yang seperti ini : <div id=’ArchiveList’> atau kata Archive.
- Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.
- Kalau sudah, tambahkan kode warna merah itu sebagai scollnya
- Lengkapnya kode tersebut seperti dibawah ini :
<h2><data:title/></h2></b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<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> </b:includable>
Sampai disini, masih ada yang bingung dan ingin ditanyakan ? sebagai catatan saja angka 200 tersebut merupakan ukuran dari tinggi kotak scroll itu, kalian bisa merubahnya sendiri sesuai dengan selera masing-masing dan silahkan disesuaikan.
Mudah bukan ?
Sumber: klikdisini
1 komentar:
saya sudah pernah coba om. :)
Pasang emoticon dibawah ini dengan mencantumkan kode di samping kanan gambar.
:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q:Posting Komentar
Silahkan komentar dengan isi artikel yang terkait, No Spam!!