Aplikasi keuangan sekolah siap cetak
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

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

Share On :

Copyright © | Proudly powered by Blogger
DMCA.com Protection Status