Membuat Recent Post dengan Thumbnail

Dalam BLOGGER biasanya terlihat dari "Recent Posts" dalam bentuk link saja, tanpa gambar atau thumbnail.

Kali ini saya akan memberikan tips untuk membuat "Recent Post" dengan gambar thumbnail tambahan di pos.

Berikut ini adalah kode nya.
<style> img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:40px;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:15px;font-color:black;font-family:calibri;} 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><br /><script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script><br /><script style="text/javascript"> var numposts = 8; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 75; </script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

Buka Dashboard Blogger, pilih "Rancangan >> Elemen Halaman>> Tambah Gadget". Kemudian akan membuka jendela baru, pilih "HTML / JavaScript"



Masukkan kode di atas lalu Save.

====00O00====

In BLOGGER usually look of "Recent Posts" in the form of a link only, without images or thumbnails.

This time I will give you tips to make "Recent Post" with an additional thumbnail image in the post.

Here is his code
<style> img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:40px;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:15px;font-color:black;font-family:calibri;} 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><br /><script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script><br /><script style="text/javascript"> var numposts = 8; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 75; </script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

Open your Blogger Dashboard, select the "Design >> Page Elements >> Add Widget". Later will open a new window, select the "HTML / JavaScript"



Enter the code above then Save.