Laman

02 September 2010

BAGAIMANA MEMBUAT DAFTAR ISI BLOG

Daftar isi dalam pembuatan makalah atau terutama buku merupakan pedoman bagi terutama si penulis dan para pembaca kepada tujuan yang akan dibaca. Dengan demikian informasi yang diinginkan akan lebih mudah dijangkau. Coba bayangkan saja kalau sebuah buku dengan banyak halaman bila tidak diberi petunjuk alias daftar isi, tentu pembaca bahkan penulisnya sendiri akan kebingungan untuk bolak balik buk sampai lusuh. Layaknya sebuah buku, sebuah blog web pun penting idbri daftar isi supaya para pembaca blog kita tidak kebingungan.
Dengan adanya daftar isi buku maka akan mempermudah pembaca blog kita tersebut untuk menemukan bagian-bagian isi blog web yang ingin di baca.
Teknik pembuatan daftar isi di atas bisa saja kita lakukan, akan tetapi tentunya perlu waktu yang lama untuk mebuatnya dan tentunya akan menyita waktu kita Daftar isi blog secara otomatis. Dengan hanya sekali kita membuatnya maka daftar isi tidak usah di buat berulang-ulang namun terus bekerja secara otomatis. Tertarik untuk membuatnya? silahkan ikuti langkah-langkah berikut :

Langkah pertama :
1. Sign in di blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik link Download full template, silahkan save untuk backup data
5. Copy paste kode CSS berikut di atas 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;}

6. Klik tombol SIMPAN TEMPLATE

Selesai teman

Tidak ada komentar:

Posting Komentar