Friday, September 16, 2011

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.reizal83.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.

No comments:

Post a Comment