Cara Membuat Recent Post Pada Blogspot

Cara Mudah Membuat Recent Posts Pada Blogspot

Bismillah - Waktu sahur tinggal beberapa jam lagi, tapi mata belum bisa melek karna saking niatnya blogging di malam hari, hehehe.. hampir satu jam saya memperhatikan blog ki ade sendiri dan rasanya ada yang masih kurang dalam penampilan... dan nlog ki ade perhatikan ternyata belum ada fitur Recent Posts hahaha.. sampai lupa nih..!

Akhir nya blog na ki ade coba masuk ke layout untuk pasang Recent Posts tetapi setelah di pikir ternyata kurang srek di hati.. searching dan serching akhir nya blog ki ade nyantol dengan trik dari salah satu blog yang membahas tentang Cara Membuat Recent Post Pada Blogspot. Cara nya pun sangat mudah dan hasilnya lumayan bagus. Cukup lama loading Recent Posts nya pada blogna ki ade, tapi saya pikir itu mungkin karena faktor koneksi saya yang lelet :D maklum koneksi internet seadanya heheh

Berkut cara nya :

• Masuk Ke Layout atau Tata Letak pada blogger anda
• Pilih Add A Gadget dan pilih HTML/Javascript
• Lalu Salin kode dibawah dan letakkan pada Gadget HTML/Javascipt tersebut

<div style="overflow:auto; width:100%px; height:500px; padding:10px; border:1px solid #999999;">

        <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 type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recent-posts-with-thumb.js"></script>

        <script style="text/javascript">

        var numposts = 10;

        var showpostthumbnails = true;

        var displaymore = false;

        var displayseparator = true;

        var showcommentnum = false;

        var showpostdate = false;

        var showpostsummary = false;

        var numchars = 75;

        </script>

        <script type="text/javascript" src="http://nama-blog anda.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right></div>

 
Sekali lagi, Perhatikan yang di beri warna merah pada kode diatas, sesuaikan dengan kebutuhan pada blog anda. Demikian Postingan blogna ki ade kali ini tentang  Cara Membuat Recent Post Pada Blogspot semoga bermanfaat dan selamat mencoba :)

Sumber Kode blogedek.blogspot.com