Memasang Widget Recent Post / Artikel Terkini

Widget Recent Post adalah sebagai sarana untuk mengetahui artikel mana yang paling baru kita tulis atau postingkan. Bagi pengunjung blog kita hal ini sangat penting untuk mengetahui artikel terbaru dari blog kita.

Untuk memasang Widget Recent Post / Artikel Terkini langkahnya adalah sebagai berikut :

Kopi dan salin kode berikut ini pada notepad

<script language="JavaScript"><br />function posbaru(json) {<br /> document.write('<ul>');<br /> <br /> for (var i = 0; i < numposts; i++) {<br /> document.write('<li>');<br /> var entry = json.feed.entry[i];<br /> var posttitle = entry.title.$t;<br /> var posturl;<br /><br /> if (i == json.feed.entry.length) break;<br /><br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> posturl = entry.link[k].href;<br /> break;<br /> }<br /> }<br /> <br /> posttitle = posttitle.link(posturl);<br /> var readmorelink = "(more)";<br /> readmorelink = readmorelink.link(posturl);<br /> var postdate = entry.published.$t;<br /> var cdyear = postdate.substring(0,4);<br /> var cdmonth = postdate.substring(5,7);<br /> var cdday = postdate.substring(8,10);<br /> var monthnames = new Array();<br /> monthnames[1] = "Jan";<br /> monthnames[2] = "Feb";<br /> monthnames[3] = "Mar";<br /> monthnames[4] = "Apr";<br /> monthnames[5] = "May";<br /> monthnames[6] = "Jun";<br /> monthnames[7] = "Jul";<br /> monthnames[8] = "Aug";<br /> monthnames[9] = "Sep";<br /> monthnames[10] = "Oct";<br /> monthnames[11] = "Nov";<br /> monthnames[12] = "Dec";<br /><br /> if ("content" in entry) {<br /> var postcontent = entry.content.$t;<br /> } else if ("summary" in entry) {<br /> var postcontent = entry.summary.$t;<br /> } else <br /> var postcontent = "";<br /> var re = /<\S[^>]*>/g; <br /> postcontent = postcontent.replace(re, "");<br /> document.write(posttitle);<br /> <br /> if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);<br /> <br /> if (showpostsummary == true) {<br /> if (postcontent.length < numchars) {<br /> document.write(postcontent);<br /> } else {<br /> postcontent = postcontent.substring(0, numchars);<br /> var quoteEnd = postcontent.lastIndexOf(" ");<br /> postcontent = postcontent.substring(0,quoteEnd);<br /> document.write(postcontent + '...' + readmorelink);<br /> }<br /> }<br /> document.write('</li>');<br /> }<br /> document.write('</ul>');<br /> <br />}</script><br /><script>var numposts = 2; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><br /><script src="http://al-ridwan.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=posbaru"><br /></script>

Keterangan :
Cari kode sebagai berikut :

<script>var numposts = 2; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>

Var numposts=2; artinya artikel terkini yang akan dimunculkan sebanyak dua artikel terakhir, hal ini dapat anda ubah jumlahnya sesuai dengan keinginan anda

Cari kode sebagai berikut :

<script src="http://al-ridwan.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=posbaru"></script>

Ganti kode yang berwarna merah dengan URL Web / Blog anda

Langkah selanjutnya adalah :
1. Login ke blogger dengan ID anda
2. Klik tab Tata Letak
3. Tambah Elemen Halaman dengan mengklik Tambah Gadget
4. Pilih HTML/JavaScript
5. Kopi dan pastekan kode HTML yang anda simpan pada notepad tadi     disini
6. Kemudian klik SIMPAN dan selesai

Selamat mencoba !!!!!

Semoga bermanfaat

Artikel Lain Yang Terkait :