Kali ini saya akan berbagi tips dan trick kepada sobat blogger semua tentang bagaimana cara membuat scroll pada archive blog kita. Hal tersebut dapat kita gunakan untuk mengatasi terlalu banyaknya posting yang kita buat sehingga blog kita menjadi bertambah panjang ke bawah. Kita dapat mengatasi hal tersebut dengan membuat scroll pada archive blog kita. Gak usah panjang lebar lagi yach penjelasannya,,langsung ajja ke tutorialnya,,,,!!!
- 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>
- Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
- Mungkin saja diblog sobat kodenya beda,, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
- Kalau sudah jangan lupa save template .
- Selesai.
Hasil akhirnya adalah seperti ini :
Terkait
Tutorial
- Cara Merubah File PDF ke Word - Tutorial Lengkap PDF
- Script Curang Auto Klik Kanan Terbaru 2013
- Tutorial Install Windows 8 di PC/Laptop
- Cara Menambahkan Chat Box di Blog
- Cara Membuat Sesuatu Menempel Terus di Window Blog
- Cara Menghapus Label Di Blog
- Mengubah Menu Bar Di Atas / Di bawah Header Pada Blogspot Baca
- Memasang Iklan dua kolom
- Floating Box Yang Cocok Untuk Adsense
- Free WordPress Premium Themes – Elegant News
- Membuat Efek Hujan Salju Pada WordPress.com
- Cara Pasang Tombol Share Facebook Dan Twitter
- Melihat Perkembangan Blog Kamu dan Rivalmu Dengan Compete.com
- Cara Pasang Video You Tube ke Blog
- Mengubah Blog Dari NoFollow ke DoFollow
- Cara Menambahkan Kolom Sebelah Kiri Di Blogspot
- Cara Membuat Iklan Melayang atau Floating Ads di Blogger / Blogspot
- Membuat Floating Button Di Sisi Blog
- Chat Di FB Pakek Emo Keren..Mau??
- Kumpulan 30 Web Direktori,Tempat Menemukan Backlink Gratis (Free Backlink Exchange)
- Membuat Buku Tamu Tersembunyi Di Kiri Kanan Blog
- Memasang Iklan di Bawah Postingan
- Membuat Widget Paypal Button
- Membuat Text Melayang Mengikuti Arah Mouse
0 komentar:
Posting Komentar