Menampilkan 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:
5. Dari kode diatas ada yang bisa kita sesuaikan, tapi yang harus diubah adalah kurniasepta dengan nama subdomain blogmu sendiri. Simpan jika sudah.
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>
<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.
mantappp gan
BalasHapus:)
BalasHapusex:=))
BalasHapusMantap infonya om...
BalasHapusthx bngt infonya gann..
BalasHapussangat bermanfaat :))
http://fashionpria.indoprofile.com
thank gan
BalasHapusIZIN COPAZ YA GAN...SLM KNL SLALU...HEEE..JGN LUPA MAMPIR KE RUMAH KECILKU..YA..
BalasHapusThanks ilmunya....
BalasHapusnice article n good job
BalasHapuswah nice artikel....disedot dulu neh...
BalasHapuskunjungi blog saya juga ya :D terimakasih
dapat pencerahan thx
BalasHapussyukran jazakillah kasiran. salam super luar biasa
BalasHapusbeuh 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...
BalasHapushttp://hidayatcangkudu.blogspot.com/
izin copas...
BalasHapusmakasih gan info nya..??? :D =))
BalasHapus:( thanks infonya
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusMasih bingung dalam dunia perancangan blog , bantuin dong bikin struktur blogku, coba liat blogku dan kasih tau gimana aku harus merancangnya..makasih..aku tunggu
BalasHapusgan,gmana cara posting lewat hp ?
BalasHapuskasih penjelasan dooonnkkk
nice share gan.
BalasHapusKOK NGGK BSA :(
BalasHapusThanks untuk infonya gan!!
BalasHapusthanks..
BalasHapusWha, ini yang saya cari, caranya tidak ribet dan simple, makasih gan...
BalasHapusDi coba gan..
BalasHapus[TANPA SENSOR] Ini dia foto asli SITI BADRIAH, Penyanyi Dangdut
BalasHapusLink: Klik di sini.
[TANPA SENSOR] Ini dia foto asli SITI BADRIAH, Penyanyi Dangdut
Link: Klik di sini.
[TANPA SENSOR] Ini dia foto asli SITI BADRIAH, Penyanyi Dangdut
Link: Klik di sini.
[TANPA SENSOR] Ini dia foto asli SITI BADRIAH, Penyanyi Dangdut
Link: Klik di sini.
[TANPA SENSOR] Ini dia foto asli SITI BADRIAH, Penyanyi Dangdut
Link: Klik di sini.
[TANPA SENSOR] Ini dia foto asli SITI BADRIAH, Penyanyi Dangdut
Link: Klik di sini.
[TANPA SENSOR] Ini dia foto asli SITI BADRIAH, Penyanyi Dangdut
Link: Klik di sini.
[TANPA SENSOR] Ini dia foto asli SITI BADRIAH, Penyanyi Dangdut
Link: Klik di sini.
Trims infonya, gan....
BalasHapus