[TUTORIAL] Cara Memasang Recent Post Widget di Blog
Terpikir untuk memasang Recent Post Widget sendiri di blog Anda?
Menurut saya sih perlu, karena widget ini memudahkan visitor laman Anda mengetahui postingan apa saja yang baru release di web yang dikunjunginya tanpa perlu scroll down lagi.
Ada beberapa cara dalam menampilkan Recent Post Widget. Yang pertama menampilkan judul postingan berikut image yang dipakai sebagai judul. Yang ini diistilahkan sebagai recent post with thumbnail. Or you can simply instal recent post widget with post title only, which is what I am going to show you this time.
1. Setelah Sign-in blogspot, pilih Lay Out dan Add a Gadget.
2. Scroll ke bawah lalu pilih opsi berikut
3. Lalu copast coding berikut
<div id="hlrpsb">
<script style="text/javascript" src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/recent-post.js"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http:/NAMA-BLOG-ANDA/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4gSp4-FrodUQyF9FiU8YUZu8zrWr7bB0cpaq8Swmoo_719D0glfiyRjzb0v1fN8Lt6AEJDPZkNKQNRtHVl6PRRSouaLyf1uiIm_R66hgh0vGbQOPEl7UMHAVJaEVGM5NiAlCsF4fWm4vN/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
Catatan:
- var numposts = 5, adalah jumlah artikel yang ingin ditampilkan sesuai keinginan Anda. Karena saya hanya ingin menampilkan 5 artikel terakhir yang direlease. Maka saya pilih angka 5.
- NAMA-BLOG-ANDA, tuliskan url blog Anda.
- showpostdate = false. Jika ingin menampilkan tanggal post, maka ganti false menjadi true.
4. Jika sudah melakukan kustomisasi, jangan lupa tekan Save.
And viola!
Recent Post Widget sudah terpasang di blog Anda dan hasilnya akan nampak seperti ini.
Piece of cake, right?
Hari ke-5, 1 Day 1 Post Challenge
9 comments
Makasih tipsnya mak
ReplyDeletemakasih infonya mampir ke saya yah
Deletehttp://gahachannel.blogspot.co.id/
terimakasih tipsnya sangat membantu saya yang newbie...ini . Salam :)
ReplyDeletemakasih tipsnya mak
ReplyDeleteAsyeeekkk mumpung mau benah-benah blog. Thanks for sharing, Mbak :*
ReplyDeletenice tipsnya
ReplyDeletemakasih mbak untuk informasinya:)
ReplyDeletemakasi tips nya mba noted
ReplyDeleteMakasih atas sharing infonya ya mbak
ReplyDeleteHai ^_^
Terima kasih sudah berkunjung dan membaca tulisan saya di blog ini.
Silakan tinggalkan komentar yang baik.
Mohon maaf, komentar anonim maupun yang sifatnya spam, tidak akan dipublikasikan.
Keep reading and Salam !