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 ...

Anda baru saja membaca artikel yang berkategori Modifikasi Blog dengan judul Cara Membuat Recent Posts Dengan Thumbnail. Anda bisa bookmark halaman ini dengan URL http://codingngeblog.blogspot.com/2013/04/cara-membuat-recent-posts-dengan.html. Terima kasih!

Ditulis oleh: Unknown - Monday, April 8, 2013