Salam Hotline Terkini. Pada hari kali ini BHT akan coba post Cara Memberi Scroll-lock pada Arsip Blog. Seperti kawan BHT ketahui, banyak sekali fungsinya dari scroll pada arsip blog, selain buat mempercantik tampilan blog, juga untuk mempersingkat arsip blog kita. Bayangkan saja bila kawan BHT memakai arsip blog kemudian postingan kawan BHT banyak banget, misalnya dalam satu minggu atau satu bulan, otomatis arsip blog kawan BHT akan panjang banget ke bawah, sehingga blog kawan BHT kelihatan jelek. Nah, maka dari itu, alangkah baiknya kita menggunakan scroll pada arsip blog. Berikut Urutan Memberi Scroll pada Arsip Blog.
Seperti biasa kawan Hotline Terkini:
- Login terlebih dahulu pada akun blog sobat masing-masing.
- Nah, kalau sudah login silahkan langsung ke Rancangan. Klik Tambah Gadget,Terus kawan Hotline Terkini klik tanda (+ ) pada Arsip Blog, untuk menambah Gadget Arsip.
Selanjutnya tulis pada kotak judul dengan nama judul arsip blog sobat atau seperti contoh gambar di bawah ini:
- Klik Simpan jika sobat telah memberi judul.
Setelah Gadget Arsip jadi,
- Silahkan kawan BHT masuk ke Edit HTML *jangan lupa centang expand template widgate
- Setelah itu silahkan sobat cari tulisan <div class='widget-content'> *untuk mempermudah gunakan Ctrl+f
- Lalu sisipkan Code div (<div style='overflow:auto; width:ancho; height:350px;'>) untuk Scroll-lock, tepat dibawah <div class='widget-content'>.
- Kemudian letakan Code penutup div (</div>) untuk Scroll-lock, dibawah <b:include name='quickedit'/>.
Formasi Kalimat perintah dalam HTML setelah langkah terakhir seperti ini.
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'>
<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>
<b:include name='quickedit'/>
</div>
</div>
Keterangan :
height: 300px : adalah ukuran tinggi kotak scroll sedangkan untuk lebar nya sudah otomatis anda bisa ubah sesuai dengan ukuran yang anda sukai.
height: 300px : adalah ukuran tinggi kotak scroll sedangkan untuk lebar nya sudah otomatis anda bisa ubah sesuai dengan ukuran yang anda sukai.
- Tinggal klik Simpan, atau Pratinjau untuk preview hasil Edit HTML yang kita lakukan.
Kelar sudah, semoga post Cara Membuat Scroll-Lock pada Arsip Blog. ini, bisa bermanfaat buat sahabat blogger semua.
Terimakasih, Salam Hotline Terkini
Terimakasih, Salam Hotline Terkini
ternyata ini cara yang paling baru..... Really Working..
ReplyDeletemakasii banyaak oom.....
Terima kasih kembali sobat. Aprinal Iweko.
DeleteTernyata sangat mudah dalam membuat scroll untuk arsip blog, terima kasih mas, artikelnya sangat membantu
ReplyDeleteKunjungan balik yaa
http://aidhilf.blogspot.com
Iya sobat, mudah sekali. Terima kasih kalau memang bisa membantu sobat. Segera saya berkunjung ke blog sobat Aidhil
Deleteterima kasih gan,, sukses di blog ane. http://azharballecozt.blogspot.com
ReplyDeleteSama-sama gan pasti bekerja di blog agan. Karena ini simpel sekali.
Deleteterima kasih infonya bagus gan http://www.instaforexkebumen.com/
ReplyDeleteSama-sama sobat Ahmad Fauzan, silahkan kunjungi artikel kami lainnya.
Deletethanks friends
ReplyDeleteterima kasih gan, dah saya pasang diblog saya http://female-infoku.blogspot.com/
ReplyDelete