Recent Posts Widget dengan Thumbnails New Update

Putra Kefa
Putra Kefa



Recent Posts Widget dengan Thumbnails New Update -  Kembali saya share cara menghias blog dengan memasang recent post di blog . Sobat script ini sangat berbeda dengan recent post lainya , karena disamping kiri kanan berisi image thumbnail . Contohnya bisa Anda lihat di atas .

            Oke sobat tanpa basa-basi kita langsung ke TKP :

1.      Login ke Blogger > TataLetak > Tambah Gadget > HTML/JavaScript .

2.      Anda copy kode dibawah ini dan letakkan di dalam kotak HTML


<div id='bp_recent'></div><div class='bp_footer'><small><a id='bp_recent_link' target='_blank' href='http://www.bloggerplugins.org/2011/09/recent-posts-thumbnails-blogger-widget.html?utm_src=bp_recent' 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://www.bloggerplugins.org/?utm_src=bp_recent' target='_blank' title='blogger widgets'>Blogger Widgets</a></small></div>
<script style='text/javascript' src='http://blogergadgets.googlecode.com/svn/trunk/recentposts.js'></script>
<script style='text/javascript'>
var numberOfPosts = 5;
var showPostDate = true;
var showSummary = true;
var summaryLength = 200;
var titleLength = 100;
var showCommentCount = true;
var showThumbs = true;
var showNoImage = false;
var imgDim = 100;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = true;
var readMore = 'More';
</script>


3.      Terakhir Simpan Template.
Selamat berkreasi!!
Selamat mencoba!!
tips dan trik blogger blogspot
Post a Comment