Membuat Recent Post Thumbnail

Kini hadir lagi sobat, setelah saya posting "Tips Cara Membuat Recent Comments" pada kesempatan ini saya akan memposting Tips Cara Membuat Recent Post Thumbnail. Recent Post kali ini cukup menarik jika di pasang diblog sobat. nah seperti di bawah Contohnya

Langkah langkah Membuat Recent Post Thumbnail :
Login ke blogger >> Layout >> add gadget >> HTML/java script
copy paste kode di bawah

<div id='bp_recent'></div>
        <script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
        <script style='text/javascript'>
        var numberOfPosts = 9;
        var showPostDate = false;
        var showSummary = false;
        var titleLength = 0;
        var showCommentCount = false;
        var showThumbs = true;
        var showNoImage = true;
        var imgDim = 61;
        var imgFloat = 'left';
        var myMargin = 3;
        var mediaThumbsOnly = true;
        var showReadMore = false;
        </script>
        <script src='http://bluntuk.blogspot.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Tulisan warna merah silahkan di ganti alamat blog sobat
Lalu pilih save.

Sobat bisa mengatur setingan sesuai selera
numberofpost akan menampilkan berapa post yang akan tampil
showpostdate akan menampilkan tanggal posting kalau mau di hilangkan ganti tulisan 'true' dengan tulisan 'false'
showsummary akan menampilkan ringkasan silahkan pilih 'true' atau 'false'
showcommentcount menampilkan angka pengunjung yang komentar
showthumbs menampilkan gambar thumbnails.
imgDim ukuran gambar thumbnails

Untuk Penempatan/pemasangan postingan terbaru diatas Header Baca Post berikut ini: Cara Membuat Recent Post Di Atas Header

Artikel terkait :