Home » Blogging, Catatan

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

Baca Juga:

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
Cari artikel Lain :

12 Comments »

  • Asep said:

    terjawab sudah keinginan ane. makasih gan..

  • sucks05 (author) said:

    sama-sama gan…

  • bloggernias said:

    makasih gan tutorialnya, salam kenal ^^

  • sucks05 (author) said:

    @blogernias : sama-sama gan :) salam kenal juga

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

    YAng bisa bergerak ada gx Gan???

    Kunantikan yang bergerak.

  • 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 [...]

  • Imam Badrudin said:

    @Asep: sama brow.. terus terang tampilan blog saya memang tambah menarik.. kalo ada tutorialyang lebih menarik lagi bisa kasih info, Thx.

  • fozone said:

    bagus ga, tapi di tempat saya hasilnya kok berantakan yah

  • Pandhawa-Tiga said:

    langsung dipraktekin ja deh…

  • anto said:

    Makasih gan dah mau share….

  • sucks05 (author) said:

    @anto : sama2 bro… :)

  • Pandhawa-Tiga said:

    langsung dipasang deh….

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.

[+] kaskus emoticons