Recent post yaitu widget yang menampilkan post-post terbaru dari blog. Salah satu bentuk recent post yaitu Grid Thumbnail, yaitu widget yang menampilkan galery thumbnail dari post terbarunya. Makara 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 dapat digunakan. Efek visual foto, memperlihatkan pengalaman gres 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 lalu Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan aba-aba 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>
<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 yaitu banyaknya thumbnail post terbaru yang ditampilkan. Sedangkan angka 70 yaitu ukuran dari thumbnailnya. Kamu dapat menyesuaikan tampilannnya dengan blogmu sendiri.
6. Simpan jikalau sudah selesai.
Sumber https://www.kurniasepta.com/
