Cara memasang widget Recent Post di Blog
Memasang Recent Post di Blog - Assalamualaikum. Sama seperti widget popular post, widget Recent Post 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. Lalu apa guna dari widget Recent Post ini ?. Seperti yang jelaskan di atas, fungsinya adalah sebagai Internal Link dan juga mempermudah pengunjung blog untuk melihat artikel-artikel terbaru. Untuk membuat widget tersebut, simak langkah-langkah berikut.
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 membuat 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 membuat 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. Assalamualaikum.
No comments: