Just Stupid Newbie

sucks05

Blogspot Tips : Membuat Recent Post Lebih Menarik

25 January 2011 756 views 12 Comments

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

<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
atau kunjungi link ini untuk lihat hasilnya

Topik Populer:

membuat recent post, membuat recent post bergerak, membuat recent post di blogspot, membuat recent post blogger, buat recent post, membuat recent post menarik, cara membuat popular post menarik, membuat recent posts, membuat topik populer bergambar di blog, membuat topik terpopuler di blogger bergambar

12 Comments »

Asep said:

terjawab sudah keinginan ane. makasih gan..

# 19 February 2011 at 6:57 pm

sucks05 (author) said:

sama-sama gan…

# 19 February 2011 at 7:26 pm

bloggernias said:

makasih gan tutorialnya, salam kenal ^^

# 4 March 2011 at 6:57 pm

sucks05 (author) said:

@blogernias : sama-sama gan salam kenal juga

# 4 March 2011 at 11:01 pm

http://radjasoftware.blogspot.com/ said:

YAng bisa bergerak ada gx Gan???

Kunantikan yang bergerak.

# 17 May 2011 at 7:42 am

tips dan cara membuat recent post yang bergerak di blogspot | JuST StuPiD N3wb1E said:

[...] Post Dinamis 1 June 2011 0 views No Comment Di posting terdahulu sucks05 pernah membahas cara membuat recent post lebih menarik, posting kali ini mungkin akan menglengkapi posting sucks05 terdahulu, dimana kali ini kita akan [...]

# 1 June 2011 at 11:52 am