√ Cara Gampang Menciptakan Recent Post (Artikel Terbaru) Pada Sidebar Blog
Konten [Tampil]
Berikut caranya :
1. Masuk ke blog kau www.blogger.com
2. Pilih opsi lainnya, lalu pilih Tata letak
3. Tambahkan Gadget (sebaiknya pada sidebar kanan/kiri)
4. Pilih HTML/Javascript
5. silakan pastekan arahan berikut ini :
<div style="overflow:auto; width:80%px; max-height:220px; padding:5px;">
<style>
img.recent_thumb {padding-right:10px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:0px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:13px;}
<script type="text/j4vascript" src="http://yourj4vascript.com/11132354122/tholeb-recent.js"></script>
<script type="text/j4vascript">
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false; var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src="http://hendrisetiawan.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/j4vascript"></script></div>
<style>
img.recent_thumb {padding-right:10px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:0px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:13px;}
</style>
<script type="text/j4vascript" src="http://yourj4vascript.com/11132354122/tholeb-recent.js"></script>
<script type="text/j4vascript">
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false; var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src="http://hendrisetiawan.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/j4vascript"></script></div>
catatan ;
- goresan pena berwarna merah adalah lebar dan tinggi gadgetnya, kau dapat merubahnya.
- goresan pena berwarna biru adalah jumlah post yang ditampilkan
6. Simpan
Sumber http://www.hendrisetiawan.com
