Menampilakn Recent Post Disertai Thumbnail


Ingin rasanya terus membuat tampilan blog lebih menarik lagi, biar orang tidak bosan dengan tampilan yang kita suguhkan. Kali ini kita akan belajar untuk membuat recent post yang menarik yang berbeda dengan sebelumnya. Widget recent post ini tidak hanya menampilkan judul saja, tapi banyak kelebihannya. Kelebihan recent post yang akan kita pelajari adalah bisa menampilkan tulisan terbaru yang disertai dengan thumbnail, ringkasan, tanggal posting dan jumlah komentar.

Recent Post adalah salah satu widget yang wajib dipasang di blog kita. Biar orang tahu, apa saja yang baru saja kita tulis. Recent post yang satu ini bisa menggantikan recent post yang lama. Langsung saja, kita praktekkan 

Cara Menampilakn Recent Post Disertai Thumbnail
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<div id=’bp_recent’></div><div class=’bp_footer’></div>
<script style=’text/javascript’ src=’http://blogergadgets.googlecode.com/svn/trunk/recentposts.js’></script&gt;
<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>
<script src=’http://ovhan.blogstop.com/feeds/posts/summary?max-results=5&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails’></script>

5. Dari kode diatas ada yang bisa kita sesuaikan, tapi yang harus diubah adalah ovhan dengan nama subdomain blogmu sendiri.Simpan jika sudah.

2 responses to “Menampilakn Recent Post Disertai Thumbnail

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s