Cara Membuat Recent Posts Dengan Thumbnail

Cara Membuat Recent Posts Dengan Thumbnail | Munpung lagi semangat-semangatnya Posting, kali ini saya akan berbagi lagi tips dan trik dalam Perbloggeran,hehehehe. Pada postingan kali ini saya akan share pada agan-agan semuanya tentang Cara Membuat Recent Posts Dengan Thumbnail.

Nah dari tadi saya sudah Ngoceh melulu, sekarang langsung saja yuck kita ke TKPnya :

  • Loggin ke blogger
  • Pilih Layout
  • Tambahkan widget/gadget HTML / Javascript
  • CPOAS kode berikut ini :
<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-agan-agan.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right></div>
  • Agan-agan jangan lupa mengganti url blog yang berwarna merah di atas dengan url blog agan-agan sendiri.

Share 'Cara Membuat Recent Posts Dengan Thumbnail' On ...

Ditulis oleh: ahmad mustaghfirin - Monday, April 8, 2013

5 komentar untuk "Cara Membuat Recent Posts Dengan Thumbnail"

  1. sip gan..ane pakai..kunjungi ya titoanti(.)blogspot(.)com

    ReplyDelete
  2. makasih mas, kunjungi juga blog adik ya http://prediksibola888.blogspot.com

    ReplyDelete
  3. Keren sob artikelnya sangat bermanfaat, terimakasih. Akan saya coba langsung di blog saya http://vitaminrambutalami.wordpress.com/

    ReplyDelete
  4. mantap dah artikelnya
    http://acemaxs31.com/obat-alzheimer-tradisional/

    ReplyDelete