Membuat Widget Recent Post Hanya Gambar dan Valid HTML5

Sahabat pernah mendapati sebuah blog dengan postingan gambar saja? Sahabat ingin membut blog seperti itu? Maka pada kesempatan ini, Ngonline06 akan berbagi tips membuat widget recent post dengan berbentuk grid atau hanya gambar saja. Uniknya lagi, kode yang Ngonline06 bagikan ini sudah valid html5 lo...

Recent Post dengan Gambar Saja

Yaitu, postingan terbaru dengan gaya grid atau gambar saja. Widget ini cocok untuk blog yang memang concern pada gambar, seperti blog hp, komputer, atau lainnya. Atau sahabat ingin mendesain blog menjadi lebih keren. Caranya sahabat langsung meluncur ke LAYOUT (Tata Letak) blog sahabat, dan tambahlah kode html. Masukkan saja kode di bawah ini pada html tersebut. Maka keajaiban pun terjadi. Sahabat sekarang memiliki widget recent post dengan gambar yang cantik.

<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='http://ngonline06.blogspot.com/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>

Keterangan: Silahkan ganti huruf yang berwarna merah di atas dengan selesa sahabat; var numberOfPosts itu artinya jumlah postingan yang muncul, sedangkan huruf merah satunya lagi adalah alamat blog sahabat. Jika ada yang mendapat kesulitan, silahkan corat-coret di kotak komentar di bawah ya. Salam sukses dari Ngonline06.