Membuat Widget Recent Posts Berdasarkan Label Tanpa Gambar

Advertisement

Pada kesempatan kali ini Kang Muroi akan berbagi bagaimana cara membuat widget recent post berdasarkan label yang sederhana yang tentunya sedikit sekali pengaruhnya terhadap loading blog. Widget recent post bisa dipasang di sidebar atau footer widget tergantung selera masing-masing.

Widget recent post ini berfungsi sebagai navigasi agar pengunjung blog kita tidak susah payah mencari artikel yang menarik lainnya. Langsung saja bagaimana cara membuat widget recent post ini :

Caranya sangat mudah, Anda tinggal mengcopy kode dibawah ini ke dalam add widget - HTML/Java script dan pastekan didalamnya, berikut kodenya :

<script style="text/javascript">
var numposts = 5;
var standardstyling = true;
</script>
<script type='text/javascript'>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>
<ul><script src="http://namabloganda.blogspot.co.id/feeds/posts/default/-/Download?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script> </ul>

Customisasi :
var numposts = 5; - adalah jumlah judul postingan yang akan ditampilkan, silakan dirubah sesuai selara.
http://namabloganda.blogspot.co.id - silakan rubah dengan nama blog Anda sendiri
Download - Adalah judul label yang akan ditampilkan, silakan dirubah sesuai dengan label masing-masing.

Sekian cara membuat widget recent post berdasarkan label yang sederhana di blog, semoga bermanfaat.