Cara Membuat Recent Post Hanya Gambar Valid HTML5
Snippet WidgetRecent post dengan hanya menampilkan thumbnailnya saja akan menambah keindahan blog menjadi semakin terlihat apik dan elegan. Kebanyakan orang akan lebih teretarik melihat gambar daripada rangkaian text yang menjadi judul sebuah postingan.
Tertarik untuk memasang widget ini di blog anda? Ikuti tutorialnya berikut ini.
Cara Pasang Recent Post Hanya Menampilkan Thumbnail
1. Login ke blogger, masuk ke dasbor blog, kemudian temukan menu Tata Letak > Tambahkan Gadget (pada sidebar) > HTML/JavaScript,
2. Kopi dan paste kode di bawah ini ke dalam gadget tadi
<div id='bp_recent'></div>
<script style='text/javascript' src='https://googledrive.com/host/0B8a75E285BMHcThrdkdWZUNiUzg'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 90;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='https://www.naminakiky.com/feeds/posts/summary?max-results=12&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
Perhatikan kode di atas, var numberOfPosts = 12;
Adalah jumlah postingan yang ingin ditampilkan. Kemudian ganti www.naminakiky.com dengan nama blog anda.
3. Simpan, kemudian segarkan kembali blog anda, untuk melihat penerapan widget ini berhasil atau tidak.
Demikian tutorial tentang cara memasang recent post hanya menampilkan thumbnail saja di blog. Mudah-mudahan berguna, selamat mencoba.