Friday, November 25, 2016

Widget Recent Post Elegan Dengan Gambar Untuk Blogger



Widget recent post untuk sebuah blog adalah bagian yang cukup penting bahkan bisa di bilang sangat penting bagi navigasi blog.


Dengan menyediakan widget recent post, pengunjung akan dengan mudah menjelajahi postingan terbaru pada blog setelah membaca sebuah artikel.

Disamping sudah adanya related post yang lebih memuat postingan terkait berdasarkar label.


Sementara recent post memuat postingan - postingan yang baru - baru ini dibuat berdasarkan tanggal terbaru sesuai urutan waktu.


Untuk memasang recent post di blogspot, Anda bisa menambahkannya melalui widget html yang telah disediakan.


Kali ini, saya akan membagikan kode html untuk recent post yang akan terlihat sangat elegan di blog anda dengan tumbnail gambar yang keren pula.


Cara untuk memasangnya adalah melalui langkah berikut ;


Pertama- tama, masuklah ke dashboard blogger.


Kemudian pilih menu tata letak lalu pilih Add a new gadget "HTML/Javascript" kemudian copy-paste kan  kode dibawah ini :


<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='http://yourjavascript.com/31759551731/simple-recent-post-by-msdesign.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='http://caraseven.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>


Penting: "caraseven.blogspot.com" ganti url diatas dengan url blog anda.


Jika sudah, klik simpan.


Sekarang blog anda sudah terpasang widget recent post elegan dengan tumbnail gambar seperti pada blog caraseven.blogspot.com ini.


Selamat mencoba.


0comments:

Post a Comment