Modifikasi Simple Recent Post Multi Label ala Kompi Ajaib

Ditulis oleh: Ifrod Maksum
Ditulis pada: 11/04/2017

Dalam postingan mas Adhy Suryadi diblog kompiajaib.com membagikan simple recent post blogger multi blog yang menampilkan artikel terbaru dari beberapa blog dalam satu widget.

Kemudian saya tertarik untuk merubahnya menjadi multi label, yakni recent post ini bisa menampilkan beberapa label dalam satu widget. Dan bisa dibilang bahwa loading recent post ini ringan jika dibandingkan dengan recent post yang lain.

Jika anda juga ingin merubah simple recent multi blog menjadi multi label, ikuti tour saya berikut ini:

1. Silahkan simpan kode berikut diatas </style> atau */]]></b:skin>

.recent-posts{width:auto;padding:0;margin:0 auto;}

.recent-posts ul,.recent-posts li{list-style:none}

.recent-posts a{color:#333;display:block;padding:0 10px 0 0;font-size:16px;font-family:Roboto,sans-serif;font-weight:300}

.recent-posts a:hover{color:#e74c3c;text-decoration:none}

.recent-posts li{border-top:1px solid #ddd;padding:10px 0;margin:0}

.recent-posts li:last-child{border-bottom:1px solid #ddd}

2. Kemudian simpan kode javascript berikut diatas </head>

<script type='text/javascript'>

//<![CDATA[

function showlatestposts(json){document.write('<ul class="recent-posts">');for(var i=0;i<10;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}

document.write('<li>');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}

document.write('</ul>');};

//]]>

</script>

3. Terakhir simpan kode berikut di sidebar widget

<script>

//<![CDATA[

document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://www.domainanda.com/feeds/posts/summary/-/label?max-results=5&alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>");

//]]>

</script><br/>

<br/>

<script>

//<![CDATA[

document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://www.domainanda.com/feeds/posts/summary/-/label?max-results=5&alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>");

//]]>

</script>