Lompat ke konten Lompat ke sidebar Lompat ke footer

Menampilkan Recent Post Disertai Thumbnail

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 Menampilkan 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>
<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://kurniasepta.blogspot.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 kurniasepta dengan nama subdomain blogmu sendiri. Simpan jika sudah.

27 komentar untuk "Menampilkan Recent Post Disertai Thumbnail"

  1. thx bngt infonya gann..

    sangat bermanfaat :))

    http://fashionpria.indoprofile.com

    BalasHapus
  2. IZIN COPAZ YA GAN...SLM KNL SLALU...HEEE..JGN LUPA MAMPIR KE RUMAH KECILKU..YA..

    BalasHapus
  3. wah nice artikel....disedot dulu neh...
    kunjungi blog saya juga ya :D terimakasih

    BalasHapus
  4. syukran jazakillah kasiran. salam super luar biasa

    BalasHapus
  5. beuh mantap bang elmunya blog ane makin rapih nich thanks gan atas infonya.oy tolong dong di kritik blog ane apa yang mesti di hgilangin end mesti di tambahin heheh...

    http://hidayatcangkudu.blogspot.com/

    BalasHapus
  6. makasih gan info nya..??? :D =))

    BalasHapus
  7. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  8. Masih bingung dalam dunia perancangan blog , bantuin dong bikin struktur blogku, coba liat blogku dan kasih tau gimana aku harus merancangnya..makasih..aku tunggu

    BalasHapus
  9. gan,gmana cara posting lewat hp ?
    kasih penjelasan dooonnkkk

    BalasHapus
  10. Wha, ini yang saya cari, caranya tidak ribet dan simple, makasih gan...

    BalasHapus

Berlangganan via Email