Wednesday, November 16, 2011

Cara Nak Buat Recent Post Bergambar Yang Lebih Smart


Sebelum ini saya telah buat tutorial Cara Nak Buat Recent Post Bergambar Tanpa Perlu Edit HTML , tutorial ini menyediakan gambar berserta summary. Tutorial kali ini, saya nak tunjukkan cara nak buat recent post bergambar yang lebih smart dan menjimatkan ruang blog anda. Widget ini sama dengan Popular Post Bergambar. Berikut merupakan cara untuk mendapatkan recent post bergambar.

Step 1:
Edit kod di bawah dengan menggantikan perkataan URL BLOG ANDA dengan url blog anda.

<div id='bp_recent'></div><div class='bp_footer'><small><a id='bp_recent_link' target='_blank' href='http://kaki-blog-htj.blogspot.com/2011/11/cara-nak-buat-recent-post-bergambar_16.html'style='padding: 1px 0px 0px 19px;text-decoration:none;'><img src='http://image.bloggerplugins.org/blogger-widgets.png' alt='recent posts with thumbnails for blogger' style='border:none' /></a>Powered By <a href=' http://kaki-blog-htj.blogspot.com/2011/11/cara-nak-buat-recent-post-bergambar_16.html' target='_blank' title='kakiblog'>KakiBlog</a></small></div>
<script style='text/javascript' src='http://blogergadgets.googlecode.com/svn/trunk/recentposts.js'></script>
<script style='text/javascript'>
var numberOfPosts = 9;
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 = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='URL BLOG ANDAfeeds/posts/summary?max-results=9&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Step 2:
Design > Add a Gadget > pilih HTML/JavaScript

Step 3:
Paste kod yang telah diedit ke dalam kotak HTML anda.

Step 4:
Save !

Selamat mencuba.

kepada yang dah cuba, blh la tingglkan link blog anda di bawah.

Entri Rakan Blogger