Memasang ScrollBox Untuk Kategori Label

    Daftar isi dengan scroll box di sidebar blog akan menambah ponit tersindiri bagi admin (nampak keren), kita dapat menggunakan dua cara. Cara yang pertama adalah dengan membuatnya secara manual. Sedangkan cara yang kedua kita bisa menggunakan sebuah script. Setiap cara memiliki kelebihan dan kekurangannya masing-masing.

Bila kita membuat daftar isi secara manual, maka kita harus memasukkan link dari judul-judul posting satu persatu. Hal ini akan membutuhkan banyak waktu untuk mengerjakannya jika link judul posting yang harus dimasukkan sudah cukup banyak.

Sedangkan jika kita menggunakan sebuah script, maka waktu yang diperlukan akan lebih singkat. Script ini mendirect pada address http://mr-form.googlecode.com (files script terdapat pada server tersebut). OK langsung ikuti langkahnya.

1. Setelah kalian masuk di Blogger, klik Tata lLetak > Tambah Gadget. Kemudian pilih HTML/JavaScript.

2. Berikan judul, lalu copy kode di bawah ini dan paste di kolom Konten yang berada dibawah kolom Judul.

<div style="overflow:auto; width:auto; height:100px; padding:5px; border:1px solid #e6e4e3;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<ol>
<script src="http://ilkomputek.blogspot.com/feeds/posts/default/-/Belajar%20Ngeblog?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:100px; menunjukkan tinggi scroll box setinggi 100 piksel. Silakan diganti angkanya untuk mengubah tingginya.

border:1px solid #e6e4e3; menunjukkan garis keliling (border) scroll box bergaya solid setebal 1 piksel berwarna #e6e4e3. Silakan disesuaikan dengan keadaan template Anda.

<ol> menunjukkan numbered list, kalau ingin menjadi bullet list silakan diganti dengan <ul>.

Ganti ilkomputek.blogspot.com dengan alamat blog Anda.

Ganti Belajar%20Ngeblog dengan label yang kalian inginkan. Penulisan label harus sesuai dengan yang tertera di blog. Perhatikan huruf besar-kecilnya dan spasi diganti dengan %20.

3. Klik tombol SIMPAN.

4. Pindahkan elemen tadi ke tempat yang kalian inginkan.

5. Klik tombol SIMPAN.