Kali ini saya akan membagikan sedikit tutorial mengenai cara memasang widget recent post sederhana di blogspot. Penampakannya terlihat seperti gambar di samping, fungsi dari widget yang satu ini adalah memberitahukan kepada user atau pengunjung blog mengenai konten-konten terbaru di blog kamu. Dengan demikian, traffic terhadap postingan terbaru kamu akan akan mengalami peningkatan karena para pengunjung akan sangat mudah menemukan update-update terbaru melalui sidebar blog.
Sebenarnya cara untuk membuat widget recent post sederhana seperti gambar di atas tidak lah sulit, kamu hanya perlu mengikuti langkah-langkahnya sebagai berikut.
- Pertama, kamu harus login terlebih dahulu ke dashboard blogger, lalu masuk ke opsi edit template dengan cara klik Template di panel kiri.
- Cari tag </head>, kemudian salin kode di bawah ini dan tempelkan tepat di atasnya:
<!-- Javascript Recent Post -->
<script type='text/javascript'>
//<![CDATA[
function showrecentposts(json)
{
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');
}
//]]>
</script>
- Lalu klik Simpan Template.
- Pilih Tata Letak di panel kiri dashboard blog kamu, klik Add Widget > pilih HTML/Javascript
- Lalu salin dan tempel kode di bawah ini ke dalam kotak Konten widget yang barusan kamu pilih:
<script type="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://catatan-harian-abdie.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
- Ganti terlebih dahulu tulisan yang berwarna biru dengan url blog kamu. Lalu klik Simpan.
NB: Untuk setting css nya, sesuai dengan settingan css untuk sidebar blog kamu. Kamu bisa olah sendiri nantinya, silahkan bereksperimen untuk membuat penampakannya seperti yang kamu inginkan.. :)
Catatan Harian Abdie
Published:
2014-04-28T14:42:00-07:00
Title:Memasang Widget Recent Post Sederhana di Blogspot
Rating:
5 On
22 reviews