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://limit-sky1.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://limit-sky1.blogspot.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
5. Ubah limit-sky1.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.
Diterbitkan Oleh : aanFurqaan aan
Anda sedang membaca artikel tentang Cara Membuat Recent Post Bentuk Grid Thumbnail. Oleh Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di ukang-blogger
0 Comments