FANSUBLOGGER - Pada postingan kali ini recent post nya agak berbeda. Yap benar, selain memakai gambar/thumbnail. Recent post ini juga menampilkan postingan sesuai denga label dan tampil secara berurutan.
Yah, mungkin widget yang satu ini agak sedikit berat. Tergantung kalian memasangkannya dimana. Dan jumlah postingan yang muncul juga mempengaruhi berat atau tidaknya widget kali ini
Cara pemasangan sangat mudah.
1. Pertama masuk ke menu Layout/Tata letak > Tambah widget baru. Dan pastekan kode di bawah ini.
<style>
img.recent_thumb {width: 50px;
height: 50px;
float: left;
overflow: hidden;
border: 1px solid #929292;
margin-right: 5px;
margin-bottom: 5px;}
.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {
font-size: 13px;
overflow: hidden;
padding: 5px 0px 0px;
border-bottom: 1px solid #DDD;}
.recent_posts_with_thumbs a {
font-weight: normal;
font-size: 13px;
line-height: 16px;
width: 415px;
overflow: hidden;
white-space: nowrap;
color: #222 !important;
text-overflow: ellipsis;}
.recent_posts_with_thumbs a:hover {
text-decoration: underline;
color: #15589E !important;}
.url {font-size:11px !important;font-weight:bold !important;text-transform:uppercase;}
.recent_posts_with_thumbs b {font-size:11px;line-height:1.7}
</style>
<script src="https://sites.google.com/site/animeguitarchord/chord/recent-chord.js"> </script>
<script>
var numposts = 6;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 150;
</script>
<script src="http://alamat-blog-kamu.blogspot.com/feeds/posts/default/-/Label%20Kamu?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
Catatan: Ganti "alamat-blog-kamu" dengan alamat blog kalian dan settingan seperti "displaynore = true" itu bisa kalian isi dengan false atau true. Untuk numpost atur sesuai keinginan kalian. ganti "Label%20Kamu" dengan label kalian. Jika label di pisahkan dengan <space> maka gunakan %20.
2. Simpanlah widget dan jangan lupa untuk di save.
Cukup sekian untuk postingan hari ini.
Semoga bermanfaat.