Cara Membuat Daftar Isi Blog Berdasarkan Label Otomatis

Cara Membuat Daftar Isi Blog Berdasarkan Label Otomatis - Berikut ini adalah cara membuat Daftar isi dengan label tertentu di blogger. Seperti halnya juga membuat Daftar isi yang mana seluruh isi perlabel terlihat namun yang ini hanya menampilkan satu label saja. Untuk lebih jelasnya langsung saja klik Demo di bawah ini.



Berikut Ini Cara Membuat Daftar Isi Blog Berdasarkan Label Otomatis Di Blog :

1. Login ke Blogger.
2. Selanjutnya pilih Laman → Laman Baru → pilih Laman Kosong.



3. Kemudian pilih Mode HTML.



4. Berikan judul (terserah sobat), Selanjutnya copy dan pastekan kode script dibawah ini tepat di halaman kosong tersebut :

<script style="text/javascript">
var numposts = 999;
var standardstyling = true;
</script>
<script type='text/javascript' src='https://sites.google.com/site/komporgas130/postlabel_kompor.js?attredirects=0&d=1'></script><ol>
<script src="http://kompormeledak.blogspot.com/feeds/posts/default/-/Blogger?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script></ol>

5. Klik 'Publikasikan' dan lihat hasilnya.
Note : Ganti http://kompormeledak.blogspot.com dengan URL blog Sobat, Blogger ganti sesuai dengan label blog sobat. Jika kategorinya terdiri dari dua kata atau lebih, pisahkan spasi dengan %20. Contoh : Blog%20Tutorial. Sobat juga dapat menempatkan Daftar Isi Blog Berdasarkan Label ini pada widget dengan cara Pilih Tata Letak → Tambah Gadget → pilih HTML/Javascript, kemudian copy kode diatas kedalam HTML/Javascript tersebut.

Jika sobat ingin menggunakan dengan scroll box berikut ini kodenya :

<div style="overflow:auto; width:auto; height:150px; padding:5px;border:1px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
<script>
var numposts = 999;
var standardstyling = true;
</script>
<script src="https://sites.google.com/site/komporgas130/postlabel_kompor.js?attredirects=0&amp;d=1" type="text/javascript"></script>
<ol><script src="http://kompormeledak.blogspot.com/feeds/posts/default/-/Blogger?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script></ol>
</div>

Note : height:150px sesuaikan tinggi scroll box, selamat mencoba dan semoga bermanfaat.