Membuat Daftar Isi di Blog dengan Scroll

Membuat Daftar Isi di Blog dengan Scroll. Sebelumnya Bos Tutorial sudah memaparkan bagaimana Membuat Daftar Isi di Blog. Memang Membuat Daftar Isi di Blog dengan Scroll dengan Membuat Daftar Isi di Blog tanpa Scroll memang hampir tidak ada bedanya. Perbedaaannya terletak di scroll saja, dengan membuat scroll pada daftar isi bisa menghemat space pada template blog, dengan begitu space yang tersisa bisa dimanfaatin dengan yang lainnya seperti space iklan, atau space widget yang lain yang kawan-kawan suka.

Beginilah Cara Membuat Daftar Isi di Blog dengan Scroll.
1. Bukalah akun blog anda kawan (tentunya akun blog sendiri lho).
2. Bukalah postingan baru, atau laman baru, atau widget baru. Pilih sesuka anda mau
    ditempatkan dimana.
3. Lalu salinlah kode berikut :

<div style="background-color: white; border: 1px solid #ddd; height: 100px; margin: 0px 0px 0px 0px; overflow: auto; padding: 3px; width: 300px;">
<div class="border">
1. <a href="http://bos-tutorial.blogspot.com/2012/05/langkah-memulai-blog-baru.html" title="Langkah Memulai Blog Baru">Langkah Memulai Blog Baru</a> </div>
<div class="border">
2. <a href="http://bos-tutorial.blogspot.com/2012/05/mengenal-tampilan-blogger-terbaru.html" title="Mengenal Tampilan Blogger Terbaru">Mengenal Tampilan Blogger Terbaru</a> </div>
<div class="border">
3. <a href="http://bos-tutorial.blogspot.com/2012/05/alasan-menggunakan-blogspot-untuk-blog.html" title="Alasan Menggunakan Blogspot Untuk Blog">Alasan Menggunakan Blogspot Untuk Blog</a> </div>
<div class="border">
4. <a href="http://bos-tutorial.blogspot.com/2012/05/cara-memulai-postingan-baru-di-blogspot.html" title="Cara Memulai Postingan Baru di Blogspot">Cara Memulai Postingan Baru di Blogspot</a> </div>
<div class="border">
5. <a href="http://bos-tutorial.blogspot.com/2012/05/cara-mengganti-template-blog-pada.html" title="Cara Mengganti Template Blog Pada Blogspot">Cara Mengganti Template Blog Pada Blogspot</a> </div>
<div class="border">
6. <a href="http://bos-tutorial.blogspot.com/2012/05/cara-memasukkan-dan-edit-gambar-di-blog.html" title="Cara Memasukkan dan Edit Gambar di Blog">Cara Memasukkan dan Edit Gambar di Blog</a> </div>
</div>

4. Tempatkanlah sesuai kesukaan anda, apa di postingan baru atau di laman baru atau di widget
     yang baru.
5. Selesai, dan lihat hasilnya.

Catatan :

• Untuk tulisan berwarna merah silahkan ganti ukuran yang anda inginkan (sesuaikan tinggi dan lebar untuk dijadikan scroll)
• Untuk berwarna biru silahkan ganti dengan link yang akan dituju dalam membuat daftar isi.
• Untuk berwarna ungu silahkan ganti dengan Judul Postingan sesuai dengan link yang dutuju tadi.
• Lakukan itu berulang-ulang bila ingin membuat lebih banyak dan silahkan ganti nomor itu dengan gaya blog yang kawan suka.

Demikianlah bagaimana Membuat Daftar Isi di Blog dengan Scroll. Semoga bermanfaat dan selamat mencoba. Salam blogger dan salam sukses.

Tweet