Cara Memasang Recent Post di Blog - Sama seperti cara memasang widget popular post, cara memasang widget Recent Postsama juga. Widget ini pun sebenarnya juga telah di sediakan oleh pihak blogger. Widget ini berguna juga 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. Bagi anda blogger pemula yang ingin memasang widget recent post di blog. Simak langkah-langkah cara pasang widget recent postdibawah ini.
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.
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&alt=json-in-script&callback=rp">
</script>
Kemudian klik simpan.
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 tulisan berwarna biru merupakan jumlah artikel terbaru akan di tampilkan. Untuk tulisan berwarna merah, ganti dengan nama blog sobat. Demikianlah ulasan saya mengenai cara memasang widget Recent Post di Blog. Semoga artikel ini dapat bermanfaat bagi kita semua.
