Recent Posts Blogger Widget

Berbagai macam cara untuk mempercantik tamppilan blog, satu diantaranya adalah menambahkan recent post widget pada sidebar.
Recent post kalau ada gambar thumbnailnya kan lebih keren. Nah gini nih caranya;

1. Buka menu Design
2. Pilih Page Elements
3. Add a Gadget
4. Pilih HTML/Javascript
5. Copy dan masukkan kode dibawah ini;
Recent Posts Blogger  Widget


<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://asdot.googlecode.com/files/recentpostswiththumbnails.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://blogname.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

6. Ganti blogname (kode berwarna biru) dengan alamat blogmu
7. Save dan selesai......

Response to "Recent Posts Blogger Widget"

Post a Comment