Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara Membuat Recent Post Bentuk Grid Thumbnail

Ada berbagai bentuk tampilan widget recent post. Ada yang hanya judul post, disertai ringkasan, dan ada pula yang disertai thumbnail. Semua widget recent post yang beragam itu memberikan keuntungan. Blogger bisa memilih tampilan dan sesuai dengan blognya.

Recent post adalah widget yang menampilkan post-post terbaru dari blog. Salah satu bentuk recent post adalah Grid Thumbnail, yaitu widget yang menampilkan galery thumbnail dari post terbarunya. Jadi hanya gambar atau foto dari post terbaru yang ditampilkan.

Widget recent post model grid thumbnail ini cocok untuk blog yang berupa photoblog. Walau blog dengan tema apapun juga bisa digunakan. Efek visual foto, memberikan pengalaman baru pada pengunjung blog dalam melihat post dari foto atau gambar ilustrasinya.

Cara Membuat Recent Post Bentuk Grid Thumbnail
1. Login ke blogger.com
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<div id='bp_recent'></div>
        <script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
        <script style='text/javascript'>
        var numberOfPosts = 10;
        var showPostDate = false;
        var showSummary = false;
        var titleLength = 0;
        var showCommentCount = false;
        var showThumbs = true;
        var showNoImage = true;
        var imgDim = 70;
        var imgFloat = 'left';
        var myMargin = 3;
        var mediaThumbsOnly = true;
        var showReadMore = false;
        </script>
        <script src='http://kurniasepta.blogspot.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

5. Ubah kurniasepta.blogspot.com dengan URL blogmu sendiri. Angka 10 adalah banyaknya thumbnail post terbaru yang ditampilkan. Sedangkan angka 70 adalah ukuran dari thumbnailnya. Kamu bisa menyesuaikan tampilannnya dengan blogmu sendiri.
6. Simpan jika sudah selesai.