Cara membuat widget kotak scroll berdasarkan label pada blogspot merupakan tutorial blogger yang akan kita bahas kali ini. Membuat scrolling adalah tutorial yang sangat sederhana tetapi manfaatnya sangat luarbiasa karena dapat meningkatkan efisiensi blog dan mempermudah bagi pengunjung untuk melihat-lihat isi blog kita. Jika masih ada yang belum tahu bentuk scroll box ini silahkan perhatikan gambar dibawah ini
Selain itu fungsi memasang kotak scroll pada blogspot adalah membuat tampilan blog lebih rapi jika kita memiliki widget yang terlalu lebar dan panjang, otomatis blog kelihatan cantik dan pengunjung pun betah berlama-lama dan tidak malas membaca artikel yang kita tulis.
Panduan cara membuat widget kotak scroll berdasarkan label pada blogspot
caranya:
- masuk ke dashboard lalu pilih > layout/tata letak
- tambah gadget lalu pilih > HTML/JAVAscript
- pastekan kode script dibawah ini kedalam widget tadi
- lalu save > refresh halaman blog sobat dan lihat hasilnya
<div style='overflow:auto; width:ancho;height:250px;'>Catatan:
<style> img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style><script src="http://id-pemula-javascript.googlecode.com/files/recent-post-label-thumbnail.js"></script><script>
var numposts = 100;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 40;
</script><script src="http://lulustes.blogspot.com/feeds/posts/default/-/Psikotest?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></div>
Perhatikan tulisan yang berwarna merah:
1. height:250px adalah tinggi widget
2. var numposts = 100 adalah jumlah posting dalam satu widget
3. var numchars = 40 adalah jumlah karakter/huruf per judul artikel
4. http://lulustes.blogspot.com ganti dengan alamat blog sobat
5. Psikotest label artikel yang ingin sobat tampilkan.
Sekian posting saya yang berjudul cara membuat widget kotak scroll berdasarkan label pada blogspot, jika ada yang ingin ditanyakan silahkan berkomentar di bawah.