Widget Recent Post Bergambar Valid Html5

Widget recent post bergambar valid Html5.As-salam. Dah lama saya tak kongsikan apa-apa tutorial baru pembaca setia blog ini. Maaf sangat-sangat... sekarang saya tak lagi menjadi blogger sepenuh masa, dek kerana kekangan yang sangat padat. Mana nak bahagikan masa dengan kerja, masa dengan diri... terakhir baru la masa dengan blog. Hehe....

Okep. bercakap mengenai tutorial kali ini, kalau anda perasan di sebelah kanan sidebar saya... bahagian artikel terbaru sudah pun bertukar kepada gambar-gambar kan? jika sebelum ini saya gunakan perkataan. Ada yang bertanyakan saya di facebook semalam... macam mana nak buat widget recent post bergambar seperti blog ini.

Widget Recent Post Bergambar Valid Html5

Widget recent post ini valid HTML5... apa itu valid HTML5, rujuk pautan ini - Rahsia jadikan template valid HTML5

Okep. dah faham kan?

Caranya mudah saja. Pertama sekali saya perlu pergi ke dashboard - layout - add a gadget.

Kemudia copy dan paste script di bawah ini dalam HTML javascript anda. Terpulang pada anda nak letak tajuk apa.... atau lebih mudah letak saja artikel terkini.

<div id='bp_recent'></div>
<script style='text/javascript' src='https://googledrive.com/host/0B8a75E285BMHcThrdkdWZUNiUzg'></script>
<script style='text/javascript'>
var numberOfPosts = 16;
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://www.bakul2011.com/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>

Bahagian yang bertanda merah tu... gantikan dengan url blog anda.

Okep dah siap. Mudah saja kan? semoga berjaya.