Di hari yang sama, ini adalah posting ke 3 yang saya publikasikan, ga tau kenapa lagi mau aja nulis artikel hehehe. Yang pasti karna mau berbagi aja, bukan cuma sekedar posting :D Di posting ini saya akan share cara membuat recent post dengan thumbnail yang pastinya keren dong, jadi nya tampilan blog kalian akan terlihat lebih keren heehehe. Karena di widget ini CSS dan Javascript nya udah di campurin, jadinya ga perlu repot repot edit html template kalian. Tentunya cukup mempermudah untuk melakukan pembuatan nya. Recent Post ini sendiri berfungsi untuk menampilkan posting terakhir yang kalian share di blog, ini akan mempermudah pengunjung yang masuk ke artikel lama, dan dia akan mengetahui artikel terbaru yang ada di blog kalian. So, ini akan memperbanyak tayangan blog kalian jika pengunjung tertarik dengan artikel terakhir yang di posting di blog kalian. Langsung aja ke cara nya ya biar ga kepanjangan hahaha.
Untuk DEMO kalian bisa liat sendiri di sidebar blog ini, sama ko itu yang saya pake sekarang.
Caranya :
Masuk ke Tata Letak, kemudian tambah widget atau Add a widget, pilih HTML/Javascript, paste kode berikut ke dalam situ.
<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://www.ukon31.xyz/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
Untuk teks http://www.ukon31.xyz/ silahkan ganti dengan URL blog kalian, dan langkah terakhir adalah menyimpan widget tersebut. Dan terakhir tinggal di lihat deh hasilnya.
Semoga artikel ini membantu :)
EmoticonEmoticon