Jadi Cerdik Modifikasi Simple Recent Post Multi Blog Kompi Asing Menjadi Multi Label

Sejak mas +Adhy Suryadi membagikan simple recent post blogger multi blog, aku pribadi menggunakannya alasannya dapat dibilang tidak begitu kuat terhadap loading blog alias ringan kalau dibandingkan dengan recent post yang lain. Namun aku menambahkan tag kondisional postingan agar tidak tampil di homepage, namanya juga artikel terbaru buat apa tampil di homepage. Dengan begitu, pengunjung dapat mengetahui artikel terbaru ketika mereka nongkrong di postingan yang sudah lalu.

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

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

1. Silahkan simpan aba-aba 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 aba-aba 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="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
 document.write('</ul>');};
 //]]>
 </script>

3. Terakhir simpan aba-aba 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: /search?q=simple-recent-posts-blogger-untuk-multi