Agar lebih lengkap tutorialnya, walau sudah jadul tetapi tidak ada salahnya yoa...
Seringkali sobat ingin menampilkan link judul postingan blog di homepage sobat.
hmmm..dengan menyusun html link satu2 adalah pekerjaan yang melelahkan.
So, bagaimana cara agar link tampil otomatis pada kolom daftar isi blog?
Simak deh caranya:
1. Login blog
2. Rancangan dan tambah gadget
3. Pilih "edit html/javascript"
4. Letakkan kode berikut
<div style="font-family: arial; font-size: 12px; overflow: scroll; width: 300px; height: 200px;">
<div style="text-align: left; width: 100%; padding: 0 px; overflow: hidden;">
<script style="text/javascript">
var numposts = 500;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://kodecode.googlecode.com/files/judullabel_tertentu.js'></script>
<ul>
<script src="http://www.mig33eagle.com/feeds/posts/default/-/Mig33%20Eagle%20Hill?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
</div></div>
catatan:
- Kode berwarna diatas adalah lebar dan tinggi kolom daftar isi, ubah sesuai keinginan sobat.
- Url http://www.mig33eagle.com/feeds/posts/default/-/Mig33%20Eagle%20Hill ubah sesuai dengan url blog dan label sobat.
- spasi di ganti dengan kode %20
Kode di atas adalah daftar isi dengan scroll, jikasobatingin menampilkan daftar isi tanpa scroll, kode yang di copast:
<script style="text/javascript">
var numposts = 500;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://kodecode.googlecode.com/files/judullabel_tertentu.js'></script>
<ul>
<script src="http://www.mig33eagle.com/feeds/posts/default/-/Mig33%20Eagle%20Hill?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
Demikian cara membuat daftar isi sesuai label pada blog. Semoga tutorialnya bermanfaat.. (•̪(•̪●)̪●)