Cara SEO Pasang Recent Posts Thumbnails


Cara pasang Recent Posts Thumbnail di Blog SEO Friendly 2013 - atau widget artikel terbaru, merupakan salah satu widget yang sangat penting untuk membantu meningkatkan jumlah page view blog.  Mengapa? karena widget tersebut dapat menampilkan link-link yang menuju ke beberapa artikel yang terakhir yang telah kita buat jadi pengunjung blog dapat mengetahui mana artikel terakhir yang kita buat.

Silahkan ikuti beberapa langkah Cara pasang Recent Posts Thumbnail di Blog SEO Friendly 2013 dibawah ini :

1. Silahkan login ke blogger

2. kemudian klik "Layout  >>  Add a Gadget  >>  HTML / Javascript"

3. selanjutnya copy-paste kode script dibawah ini kedalam kota isian HTML/Javascript!

Cara SEO Pasang Recent Posts Thumnails

Cara SEO Pasang Recent Posts Thumnails

 <style type="text/css">
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin: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 src="http://www.webaholic.co.in/other/recent-posts-widget-with-images.js"></script>
<script>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src="http://blog-seo-friendly-2013.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs"></script>
 Keterangan :

  • Ganti kode  blog-seo-friendly-2013  dengan Nama Blog Sahabat Sendiri
  • Untuk mengatur jumlah artikel yang akan ditampilkan, silahkan ganti kode  5

4. Klik tombol Save.

5. Selesai. Selamat anda telah berhasil memasang widget recent posts di blog