3 Cara memasang widget Recent Post di Blog

Cara Memasang Recent Post di Blog -  Cara memasang widget Recent Post seperti cara memasang widget popular post, . Widget ini pun sebenarnya telah di sediakan oleh blogger pada setting. fungsi widget sebagai internal link blog kita. Jadi para pengunjung blog bisa mengetahui postingan-postingan terbaru. Recent Post sendiri merupakan suatu element atau widget untuk menampilkan konten-konten atau artikel-artikel terbaru dan juga berguna bagi search engine optimation. Langsung saja simak 3  cara memasang widget recent post di blog dibawah ini.

1. Cara Memasang Recent Post dengan Feed

• Login ke akun Blogger sobat.
• Klik tata letak pada dashboard.
• Lalu tambahkan element/add gadget.
• Kemudian cara widget Feed, lalu klik " + ".

• Kemudian isi kan Feed blog contohnya : http://NAMA_BLOG_SOBAT.blogspot.com/feeds/posts/default.
• Kemudian atur berapa jumlah postingan akan tampil pada Recent Post.
• Klik simpan.

2. Cara Memasang Recent Post dengan Script

Berbeda dengan cara di atas, cara memasang Recent Post ini dengan menggunakan script. Anda bisa di pilih mana cara yang lebih mudah menurut anda.

• Login ke akun blogger.
• Kemudian klik menu tata letak.
• Klik tambahkan element/ add gadget.
• Lalu pilih HTML/Javasript.
• Kemudian pastekan kode di bawah ini.

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://NAMA_BLOG_SOBAT.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

• Kemudian klik simpan.

3. Cara Memasang Recent Post dengan thumbnail

Cara ketiga ini adalah memasang Recent Post dengan thumbnail. Thumbnail adalah sebuah cuplikan gambar dari potingan sobat. Dengan sedikit menambah gambar widget Recent Post sobat akan kelihatan lebih menarik.

• Login ke akun blogger sobat.
• klik tata letak.
• Klik tambahkan element/add gadget.
• Kemudian pilih HTML/Javascript.
• Tambahkan script di bawah ini.

<div style="overflow:auto; width:100%px; height:500px; padding:10px; border:1px solid #999999;">
<right><style>
img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:13px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:13px;}
</style>
<script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recent-posts-with-thumb.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script type="text/javascript" src="http://NAMA_BLOG_SOBAT.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right></div>

• Kemudian klik simpan.

Untuk angka 10 berwarna biru merupakan jumlah artikel terbaru akan di tampilkan. Untuk tulisan berwarna merah, ganti dengan nama blog sobat. Demikianlah panduan dari saya mengenai cara memasang widget Recent Post di Blog. Semoga bermanfaat.

Sumber: http://typepedia.blogspot.com/2013/11/cara-memasang-widget-recent-post-di-blog.html#ixzz3OHj6YtCK 

Berbagi :