Cara Mudah Membuat Recent Post Thumbnail Keren

Recent post atau postingan terbaru merupakan widget yang sangat penting bagi sebuah blog. Karena pada recent post pengunjung akan mengetahui postingan terbaru dari sobat. Pada kesempatan ini, 'CS mau memberikan trik bagaimana cara membuat recent pos thumbnail atau bergambar. Yang pasti recent post ini sangat keren jika dipasang pada blog. Bagaimana, sobat mau memasangnya? Oke lanjut nyebur lagi ke cara mudah membuat recent post thumbnail keren, cekidot....


Baca juga cara mudah membuat popular post warna-warni

1. Pertama, sobat login dulu ke Blogger

2. Pilih Tata Letak ► Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukkan kode dibawah ini pada kolom HTML/JavaScript

<style type='text/css'>
img.recent_thumb {width: 90px;height: 70px;float: left; 
margin-right: 10px;}.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://googledrive.com/host/0BzPgmXeCwsMRcmlNOHhtaDNNMjA'></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 = 50;</script> 
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> 
<hr/>

Angka 5 merupakan jumlah resent post yang akan ditampikan, bisa sobat ganti sesuai keinginan

5. Simpan, lihat hasilnya

Demikian cara mudah membuat recent post thumbnail keren, semoga dapat membantu dan bermanfaat. Terima kasih atas kunjungannya.

loading...

► Copas Sange ◄

Berbagi Macam-Macam Tutorial Sobat sedang membaca artikel tentang Cara Mudah Membuat Recent Post Thumbnail Keren. Jika sobat ada pertanyaan atau pesan mengenai artikel diatas, salurkan pada kolom berkomentar !! Dan untuk mendapatkan tambahan pahala, silahkan LIKE and SHARE ♂

:: Salam Blogger ! ::

LANGGANAN ARTIKEL GRATIS
Dapatkan Artikel Terbaru Disini !
Masukkan email anda di bawah ini ! Maka otomatis anda akan mendapatkan kiriman terbaru dari Blog ini secara gratis via email. Terimakasih.

0 Response to "Cara Mudah Membuat Recent Post Thumbnail Keren"

Post a Comment