Cara membuat Daftar ISI dengan Label Tertentu Thumbnail Cantik

Cara membuat Daftar ISI dengan Label Tertentu Thumbnail Cantik, bisa naik turun. Kode yang mudah dan untuk pengingat, saat membutuhkan, bisa diambil untuk dimanfaatkan. Semoga berguna.

Mudah, tinggal copas kode berikut ke postingan biasa atau ke halaman statis:

<style type="text/css">
#rp_plus{text-align:left; font-size:90%;height:309px;overflow:hidden;border:0;padding:0px 3px 3px 3px;background: transparant;}
#rp_plus ul{text-align:left; list-style-type:none;margin:0;padding:0}
#rp_plus li{overflow:hidden; border:0; margin:0; padding:0; list-style:none;}
#rp_plus li{height:80px;padding:0px;list-style:none;}
#rp_plus a{font-size:115%;color:#00e;}
#rp_plus .news-title{display:block;}
#rp_plus img{float:left;margin-right:5px;padding:0px;border:0;width:72px;height:72px;border-radius:5px 5px 5px 5px;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="https://suwur.github.io/js/OmaSaeSlide4.js" type="text/javascript"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 4900;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<br />
<ul id="rp_plus">
<script>
var numposts = 19;
var numchars = 290;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"></script>
</ul>

Maka hasilnya akan seperti di bawah ini...

 Semoga bermafaat. juga untuk catatan kami sendiri, saat suatu saat nanti dibutuhkan kembali.