Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu di Sidebar - Kali ini saya akan membahas Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu di Sidebar, dengan kita membuat hal tersebut kita tidak direpotkan unuk membuat daftar isi dengan cara manual atau memasukkan link satu per satu secara manual. Jika post anda sedikit memang tidak akan kerepotan dengan membuat secara manual, namun bagaimana jika post anda banyak?
Dengan ini saya akan memberikan script yang akan secara otomatis mengumpulkan seluruh post yang terdapat di label sesuai pilihan anda.
Berikut langkah-langkah :
Login ke Blog anda >> Layout >> Add Gadget >> HTML/JavaScript >> copy dan paste script dibawah ini
<div style="overflow:auto; width:auto; height:150px; padding:5px;border:0px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://tateluproject.googlecode.com/files/postlabel%281%29.js'></script><ol>
<script src="http://ilfan-rifai.blogspot.com/feeds/posts/default/-/Tutorial%20Blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://tateluproject.googlecode.com/files/postlabel%281%29.js'></script><ol>
<script src="http://ilfan-rifai.blogspot.com/feeds/posts/default/-/Tutorial%20Blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
Save.
Keterangan :
- width:auto : menunjukkan bahwa lebar scroll box akan menyesuaikan dengan lebar sidebar.
- height:100px : tinggi scroll box. silahkan sobat ganti sesuai keinginan.
- border:1px solid #e6e4e3 : adalah ukuran, jenis dan warna dari border. 1px adalah tebal border, solid adalah jenis border dan #e6e4e3 adalah warna border.
- font-size : adalah ukuran huruf.
- <ol> : adalah Numbered List, anda bisa menggantinya menjadi bullet list dengan kode <ul>
- Ganti http://ilfan-rifai.blogspot.com dengan Url blog sobat.
- Ganti Tutorial%20Blog dengan label yang anda pilih. Perhatikan penulisan labelnya. sesuaikan dengan yang tertera di blog anda, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.
