Membuat daftar isi blog

Membuat daftar isi blog

Ada banyak cara yang bisa kita lakukan untuk membuat daftar isi blog. Cara yang paling sering dilakukan oleh para blogger (mungkin anda juga) adalah dengan memasukkan URL postingan pada Link List yang terdapat pada elemen halaman blogger atau dengan membuat link artikel secara manual untuk diletakkan pada sidebar atau footer blog (seperti membuat link blogrool). Untuk melakukan cara-cara tersebut sudah tentu memerlukan waktu yang lama, apalagi jika isi blog kita sangat banyak. Cara seperti ini juga tidak efisien karena harus selalu meng-updetnya setiap kita memposting artikel baru. Nah untuk mempermudahnya kita bisa memanfaatkan kreasi dari beautiful beta. Cara ini bekerja secara otomatis, dan akan langsung menambahkan artikel yang baru diposting pada daftar isi blog. Jadi kita tidak perlu meng-update secara berulang-ulang. Untuk membuatnya silahkan ikuti langkah-langkah berikut:

LANGKAH PERTAMA

- Buka Dashboard blog anda

- Klik menu Layout, lalu pilih Edit HTML

- Copy paste kode CSS berikut ini diatas kode ]]>

#toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;}
.toc-header-col1, .toc-header-col2,
.toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;}
.toc-header-col2 { width:75px;}
.toc-header-col3 { width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited,
.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,
.toc-header-col3 a:visited { font-size:100%; text-decoration:none;}
.toc-header-col1 a:hover,
.toc-header-col2 a:hover,
.toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}

- Klik Save Template

LANGKAH KEDUA

- Buka lagi Dashboard

- Klik Layout, lalu klik Page Elements

- Klik Add a Gadget, lalu pilih HTML/JavaScript

- Masukkan kode dibawah ini ke halaman Configure HTML/JavaScript lalu klik SAVE

- Geser atau pindahkan elemen tadi tepat diatas elemen Blog Posts

- Klik SAVE

- Klik lagi Add a Gadget, lalu pilih HTML/JavaScript

- Masukkan kode dibawah ini pada kotak Configure HTML/JavaScript, lalu beri judul “Daftar Isi”

Lihat Daftar Isi







- Ganti tulisan YOURBLOG dengan nama blog anda, lalu klik Save

- Pindahkan elemen yang baru di buat ke tempat yang anda inginkan, klik Save lagi

- Selesai