Modifikasi Simple Recent Post Multi Blog Kompi Ajaib Menjadi Multi Label

Modifikasi Simple Recent Post Multi Blog Kompi Ajaib Menjadi Multi Label
Modifikasi Simple Recent Post Multi Blog Kompi Ajaib Menjadi Multi Label

Sejak mas +Adhy Suryadi membagikan simple recent post blogger multi blog, saya langsung menggunakannya karena bisa dibilang tidak begitu berpengaruh terhadap loading blog alias ringan jika dibandingkan dengan recent post yang lain. Namun saya menambahkan tag kondisional postingan supaya tidak tampil di homepage, namanya juga artikel terbaru buat apa tampil di homepage. Dengan begitu, pengunjung bisa mengetahui artikel terbaru saat mereka nongkrong di postingan yang sudah lalu.

Kemudian saya sedikit penasaran, bisa tidak recent post multi blog ini kita buat menjadi multi label? Setelah mencoba dan mencoba (meski sering gagal) akhirnya bisa juga apa yang saya inginkan.

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
Artikel Terkait

Catatan:

File yang kami bagikan kami simpan di google drive, jika file format word dan excel dialihkan ke aplikasi google doc maka unduh / save as dulu ya. Namun jika kesulitan, silahkan baca cara downloadnya