Cara Mudah Membuat Recent Post (artikel terbaru) Pada Sidebar Blog

Advertisement
Hai sahabat Blogger, kita akan membahas bagaimana Cara Mudah Membuat Recent Post (artikel terbaru) Pada Sidebar Blog, fungsi dari recent post itu sendiri adalah agar pengunjung mengetahui apa saja artikel baru  yang di posting.

Berikut caranya :
1. Masuk ke blog kamu www.blogger.com

2. Pilih opsi lainnya, kemudian pilih Tata letak

3. Tambahkan Gadget (sebaiknya pada sidebar kanan/kiri)

4. Pilih HTML/Javascript

5. silakan pastekan kode 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;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/11132354122/tholeb-recent.js"></script>
<script type="text/javascript">
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/javascript"></script></div>




catatan ;
- tulisan berwarna merah adalah lebar dan tinggi gadgetnya, kamu bisa merubahnya.
- tulisan berwarna biru adalah jumlah post yang ditampilkan

6. Simpan
Tag : Tips Blog
0 Komentar untuk "Cara Mudah Membuat Recent Post (artikel terbaru) Pada Sidebar Blog"

Back To Top