Cara Menampilkan Postingan Terbaru Dengan Gambar Thumbnail di Blog

Selamat siang sob...
Semoga dalam keadaan sehat dan optimis...

Pada kesempatan kali ini saya kan share Cara Menampilkan Postingan Terbaru Dengan Gambar Thumbnail di Blog. Suatu cara yang mungkin sobat cari untuk menampilkan recent post postingan blog seperti tampilan recent post di blog ini.

Cara yang satu ini merupakan cara menampilkan recent post dengan adanya foto thumbnail. Jadi para pengunjung blog akan bisa membaca dan melihat foto disetiap postingan yang ada di bagian recent post yang di tempatkan di bagian sidebar blog. Caranya mudah saja, sobat tinggal ikuti langkah-langkah caranya sebagai berikut :

1. Sign In ke Blogger.com.
2. Klik dibagian Tata Letak >>Tambahkan Gedget>>HTML/JavaScrift.
3. Copy dan Paste kan kode diwah ini.

Catatan!

<style type='text/css'> img.recent_thumb {padding:1px;width:75px;height:75px;border:1px solid silver;border-radius:50%;float:left;margin:5px;} .recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;} ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs strong {font-size:10px;}</style> <script style='text/javascript' src='https://cdn.rawgit.com/dedi96/keneono/7abd0c02/recentpost.js'></script> <script style='text/javascript'> var numposts = 5; var showpostthumbnails = true; var displaymore = false; var displayseparator = true; var showcommentnum = true; var showpostdate = true; var showpostsummary = false; var numchars = 100;</script> <script src='https://agunbharok.blogspot.co.id/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

4. Klik Simpan.

* ganti tulisan merah dengan url blog sobat.

Demiikian post tentang Cara Menampilakan Postingan Terbaru Dengan Gambar Thumbnail di Blog, semoga dapat membantu dan bermanfaat..

Bagikan ke :