Membuat Daftar Isi Per Label dengan Sroll Box

Untuk membuat daftar isi berdasarkan satu label tertentu saja, silakan perhatikan langkah-langkahnya di bawah ini.

1. Klik Rancangan > Elemen Laman > Tambah Gadget. Kemudian pilih HTML/JavaScript.

2. Berikan judul, lalu copy kode di bawah ini dan paste di Konten.

<div style="overflow:auto; width:auto; height:200px; padding:5px; border:1px solid #e6e4e3;">

<ol>

<script style="text/javascript">

var numposts = 100;

var standardstyling = true;

</script>

<script type='text/javascript' src='http://giveyoumore-headlinenews.googlecode.com/files/label-posts2.js'></script>

<ol>

<script src="http://www.giveyoumore.blogspot.com/feeds/posts/default/-/Software?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

</ol>

</ol></div>

• width:auto; menunjukkan lebar scroll box akan mengikuti lebar sidebar.
• height:200px; menunjukkan tinggi scroll box setinggi 100 piksel. Silakan diganti angkanya untuk mengubah tingginya.
• border:1px solid #e6e4e3; menunjukkan garis keliling (border) scroll box bergayasolid setebal 1 piksel berwarna #e6e4e3. Silakan disesuaikan dengan keadaan template Sobat.
• <ol> menunjukkan numbered list, kalau ingin menjadi bullet list silakan diganti dengan <ul>.
• Ganti giveyoumore.blogspot.com dengan alamat blog Sobat.
• Ganti Software dengan label yang Sobat inginkan. Penulisan label harus sesuai dengan yang tertera di blog. Perhatikan huruf besar-kecilnya dan spasi diganti dengan %20. misal( Tips and Trik -> Tips%20and%20Trik)

3. Klik tombol SIMPAN.

4. Pindahkan elemen tadi ke tempat yang diinginkan.

5. Klik tombol SIMPAN.

Share this :