Recent Posts Widget dengan Thumbnails New Update




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!!

Comments

Popular posts from this blog

Contoh Surat Lamaran Kerja di Indomaret Terbaru 2018

Cara Melamar Kerja PT. Musashi Auto Parts Indonesia 2019

Cara Melamar Kerja di PT Astra Honda Motor Secara Online