Home » » Cara Membuat Daftar Isi Blog

Cara Membuat Daftar Isi Blog


Pada kesempatan yang lain, saya pernah mencoba  membuat daftar isi pada blog , namun karena daftar isi tersebut menggunakan javascript, sehingga agak sedikit membebani loading blog  dan akhirnya saya sendiri tidak memasangnya pada blog ini. Dengan alasan tidak mau blog ini terlalu berat ketika di akses oleh para pengunjung. Untuk mencari alternatif lain, kita bisa menggunakan engine pencari blogger sendiri. Namun untuk melakukan ini, tentu saja harus sedikit memodifikasi kode template. Sudah tidak sabar untuk membuat daftar isi di blog? caranya seperti ini :

Langkah #1
  1. Sign in di blogger dengan ID anda
  2. Bilsa sudah berada di halaman dashboard, klik Layout.
  3. Klik tab Edit HTML
  4. Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).
  5. Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.
  6. expand widget
 template
  7. Lihat ke bagian body template, lalu cari kode seperti ini :
  8. Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :
  9. Klik tombol Simpan Template.
  10. Selesai. Langkah pertama sudah selesai.
Langkah #2
  1. Klik tab Elemen Halaman.
  2. Klik tulisan Tambahkan sebuah Elemen Halaman.
  3. Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOG untuk yang HTML/JavaScript.
  4. Copy lalu paste kode berikut :
  5. NamaBlogAnda.blogspot.com/>Daftar isi»
  6. Ganti Nama Blog Anda nama blog anda sendiri. Contoh : nama blog saya adalah Belajar Komputer. ganti angka 200 dengan nomor yang lainnya (kalau mau). Nomor ini adalah jumlah posting yang ingin di munculkan ketika link daftar isi di klik.
  7. Klik tombol Simpan Perubahan.
  8. Selesai.

Keterangan tambahan :

Jika anda sedikit mengerti tentang CSS, anda bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode yang di sini (ini adalah kode yg ada pada Langkah #1 di atas) :
Share this video :

0 komentar:

Post a Comment

Yang Sudah baca wajib koment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. BELAJAR KOMPUTER - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger