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;
<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......
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;
<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......