Membuat Recent Posts Dengan Thumbnails


Advertisement
Pada posting terdahulu sudah di bahas gimana cara membuat related posts dengan thumbnails , nah kali ini akan kita bahas gimana cara membuat recent posts atau postingan terakhir dengan thumbnails.

Caranya cukup mudah , urutannya seperti di bawah ini:

1. Login ke Blogger.
2. Pilih menu Design.
3. Pilih Add a Gadget , dan pilih HTML/JavaScript.

Kemudian copy kode di bawah ini:



<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;


float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>


<script style='text/javascript' src='http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js'></script>


<script style='text/javascript'>


var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>


<script src='http://NAMABLOGMU.COM/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>


<a href='http://www.bloggerplugins.org'><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://www.bloggerplugins.org/2009/07/recent-posts-widget-blogger-thumnail.html'><img style="border: 0" alt="Recent Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>





Nah , kalau suadh di copy , ganti NAMABLOGMU.COM dengan alamat blog kamu.
Kamu bisa mengubah sendiri pengaturan tampilannya , contohnya seperti var numposts = 5; untuk mengatur berapa banyak jumlah artikel yang di tampilkan. Selamat mencoba.


Advertisement

{ 0 Comments... read them below or add one }

Post a Comment