berbagi ilmu seputar Dunia kita

Cara Membuat Recent Post Pada Blog

Share on :

Recent Post, atau bahasa indonesia nya “posting terkahir” merupakan salah satu fasilitas yang terdapat pada suatu blog untuk memudahkan pembaca blog tersebut mengetahui posting-posting lain yang terdapat pada blog tersebut, Recent Post ini biasanya di tampilkan berupa link menuju postingan yang di maksud.
Pada umumnya Recent Post pada blogspot hanya berupa link dan tidak di sertai dengan gambar, sehingga membuat Recent Post tersebut kurang menarik :), kali ini kita akan mencoba merubah Recent Post standar menjadi lebih menarik dengan menyertakan gambar, caranya cukup mudah cukup tambahkan script berikut pada widget anda
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<right><style>
img.recent_thumb {padding-right:5px;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: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:13px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;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 style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script>
<script style="text/javascript">
var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right>
Hasil dari penerapan kode di atas akan terlihat seperti berikut

0 komentar on Cara Membuat Recent Post Pada Blog :

Post a Comment and Don't Spam!

 

Ganti Background

Change Background of This Blog!


dapatkan gadget ini

_