Membuat Widget Recent Post Dengan Thumbnail di Blog

Cara Membuat Widget Recent Post ( Postingan Terbaru ) Dengan Thumbnail Di Blog - Assalamualikum wr.wb hai sobat semuanya sebelumnya saya ucapkan dulu selamat siang :D hehehehe nah pada postingan kali ini admin Cyber 88 akan share nih buat kalian semua yaitu Membuat Widget Recent Post Dengan Thumbnail di Blog .

Membuat Widget Recent Post Dengan Thumbnail di Blog - Tentunya widget ini sudah tidak asing lagi bagi para blogger semuanya kecuali yang masih pemula . Recent Post atau disebut degan Postingan Terbaru merupakan widget yang berfungsi sebagai mengetahui Artikel ( Postingan ) yang mana yang paling terbaru di blog tersebut , memakai widget Recent Post di blog tentunya pengunjung juga bisa tahu secara langsung di widget, manakah artikel terbaru di blog tersebut ?? .

Baca Juga --> Cara Membuat Widget Recent Comment Valid HTML5 di Blog

Widget Recent post ini juga disertai Thumbnail ( Gambar ) dan scroll pada recent post tersebut, jadi anda atau pengunjung di blog itu bisa tertarik dengan isi artikel atau konten yang paling terbaru pada blog itu. nah dan jika anda tertarik maka artikel ini lah yang pas buat anda semua .

Demo "Widget Recent Comment"

Untuk anda atau kalian semua jika anda tertarik maka anda bisa membuat widget diatas dengan tutorial berikut ini .

Cara Membuat Widget Recent Post Dengan Thumbnail di Blog

1 .Pertama tama yakni anda harus sign ini dulu ke blogger.com.
2. Jika sudah pastikan anda sudah ada pada dashboard > Tata letak
3. kemudian pilih Add Gadget, terus akan muncul laman melayang disitu > Pilih HTML/Javascript
4. lalu masukkan kode dibawah ini terus Copy ke dalam laman melayang tersebut.

<style type='text/css'>
.recent_posts_with_thumbs{overflow:auto;height:300px;}
img.recent_thumb {padding:1px;width:72px;height:72px;border:1px solid #aaa;border-radius:100px;box-shadow: 3px 3px 0 #333;float:left;margin: 0px 10px 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;margin: 10px 10px 5px 0px;padding: 0;font-size:13px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
.recent_posts_with_thumbs strong {font-size:12px;}</style>
<script style='text/javascript' src='http://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150; </script>
<script src='http://cyber-88.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Penting !! :
 - Warna merah ( red ) ganti dengan url blogspot kalian .
 - Warna kuning ( yellow ) itu merupakan Jumlah Banyak Artikel di Dalam Recent Post Tersebut ( Anda juga bisa menggantinya sesuai yang kalian mau )

5. Nah jika sudah klik "Simpan" dibagian bawah kiri .

Nah itulah Cara Membuat Widget Recent Post Dengan Thumbnail di Blog dan semoga kalian bisa membuatnya di blogspot kalian . Demikianlah Artikel tentang Membuat Widget Recent Post Dengan Thumbnail di Blog semoga bermanfaat bagi kita semua wassalamualikum wr.wb