Membuat Recent Post / Artikel Terbaru Dengan Thumbnail

Membuat Recent Post memang penting agar semua pengunjung dapat melihat artikel terupdate yang ada pada blog kita. Menurut saya, Membuat Recent Post ini adalah salah satu upaya dari SEO. Tidak usah berlama - lama, langsung disimak saja ya, karena saya lagi males ngetik nih, hehehe :)

1. Login ke blogger
2. Masuk ke menu Tata Letak > Tambah Gadget > Pilih HTML / Javascript
3. Masukan kode skrip dibawah ini

<div class='widget-content'>
    <right><style>
    img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:40px;border:0;float:left;margin:0 0 5px 0px;}
    .recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:15px;font-color:black;font-family:calibri;}
    ul.recent_posts_with_thumbs li {padding-bottom:2px;padding-top:2px;padding-left:0px;padding-right:10px;min-height:50px;list-style:normal;}
    .recent_posts_with_thumbs a {text-decoration:none;}
    .recent_posts_with_thumbs normal {font-size:13px;}
    </style>
    <script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script>
    <script style="text/javascript">
    var numposts = 5;
    var showpostthumbnails = false;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = true;
    var numchars = 75;
    </script>
    <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right>
    </div>


4 Jika sudah selesai, tinggal Save dan lihat hasilnya.

Keterangan :

- Perhatikan teks yang berwarna Biru :

var numposts = 10; adalah jumlah post / artikel yang akan tampil

var showpostthumbnails = true; adalah thumbnail atau gambar yang tampil, true untuk menampilkannya dan ubah menjadi false untuk tidak menmpilkan thumbnail.

  

var displaymore = false; adalah teks seperti Readmore, true untuk menampilkannya dan false untuk tidak menmpilkannya.

var displayseparator = false; adalah garis pemisah yang akan memisahkan setiap postingan , true untuk menampilkannya dan false untuk tidak menmpilkannya

var showcommentnum = false; adalah komentar yang ada pada postingan , true untuk menampilkannya dan false untuk tidak menmpilkannya

var showpostdate = false; adalah tanggal postingan dibuat , true untuk menampilkannya dan false untuk tidak menmpilkannya

var showpostsummary = true; adalah keterangan suatu postingan yang tampil, true untuk menampilkannya dan false untuk tidak menmpilkannya

var numchar = 75 adalah jumlah huruf atau karakter yang tampil

Ok selamat mencoba dan Salam Blogger ^_^