Cara Membuat Recent Post Keren Dengan Gambar

Cara Membuat Recent Post Keren Dengan Gambar yang bisa kita pasang pada blog kita. Memang ini banyak sekali digunakan blogger yang sangat cocok sekali dipasang pada blog mereka. Tetapi kali ini saya ingin memberikan tampilan recent post yang cukup elegan sekali menurut saya.

Ini hanya menurut saya saja, mungkin anda berbeda pendapat. Tetapi jika anda tidak suka, boleh anda mencari model recent post yang lain. Jika anda meninggalkan artikel ini pasti anda nyesal deh! karena gak ada yang ngasih tutorial seperti saya ini hehe... (maksa)
Recent Post With Thumbnail

Demosion

Gimana? Apabila anda telah melihat gambar diatas, kemungkinan besar sobat ingin memasangnya diblog hehe Gr. Tetapi jika anda memiliki ruang lagi sih untuk memasang widget Recent Post ini.

Cara Membuat Recent Post Keren Dengan Gambar

1. Loggin Blogger.com
2. Klik Judul Blog anda
3. Pilih Tata Letak
4. Kemudian Tambahkan Gadget - HTML/Javascript
5. Jika sudah, masukkan kode Recent Post dibawah ini
<div id='bp_recent'></div>
<div class='bp_footer'><small><a id='bp_recent_link' target='_blank' href=http://multiajaib.blogspot.com/' 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> <a href='http://multiajaib.blogspot.com/2015/04/cara-membuat-recent-post-keren.html' target='_blank' title='Recent Post Seo'>Blogger Widgets</a></small></div><script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 59;
var imgFloat = 'right';
var myMargin = 3;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://multiajaib.blogspot.com/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>
6. Ganti URL berwarna merah dengan URL blog anda
7. Simpan! dan lihat hasilnya...

Silahkan anda letakkan widget keren ini dibagian sidebar blog anda, karena disitulah tempat yang cocok menurut saya, tetapi jika menurut anda tidak cocok, apaboleh buat terserah mau letakkan dimana.

Baiklah, hanya itu saja tutorial simple dan singkat dari multi ajaib kali ini. Semoga dengan tutorial ini bisa bermanfaat dan membantu anda. 

Cara Membuat Recent Post Keren Dengan Gambar Rating: 4.5 Diposkan Oleh: Al Fikri

2 komentar:

Apa tanggapan anda tentang artikel diatas?