Skip to main content

follow us

Modifikasi Simple Recent Post Multi Label ala Kompi Ajaib


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>

Silahkan sesuaikan yang ditandai diatas. Dan selamat mencoba...

Sumber: http://www.kompiajaib.com/2015/10/simple-recent-posts-blogger-untuk-multi.html
Disclaimer: Postingan blog ini tentang dunia kesehatan, blogger, dan teknologi. Jika kurang berkenan, mohon kiranya untuk memberikan kritik dan saran via kolom komentar, atau via contact menu.

Artikel Terkait:

Buka Komentar