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 aku tertarik untuk merubahnya menjadi multi label, yaitu recent post ini dapat menampilkan beberapa label dalam satu widget. Dan dapat dibilang bahwa loading recent post ini ringan kalau dibandingkan dengan recent post yang lain.

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

1. Silahkan simpan arahan 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 arahan 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+'" sasaran ="_top" title="Modifikasi Simple Recent Post Multi Label ala Kompi Ajaib">'+ posttitle+'</a>');document.write('</li>');}
 document.write('</ul>');};
 //]]>
 </script>

3. Terakhir simpan arahan 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>