Cara mudah membuat daftar isi Blogspot

Postingan ini bersumber dari blognya kang rohman.Jadi bagi rekan dan sahabat yang pernah singgah dan bermain kesana mungkin sudah bukan hal yang baru lagi mengenai postingan "Membuat Daftar Isi" ini.Jujur saja...dari mulai NOL besar alias ngga kenal yang namanya ngeblog sampe sekarang,Kang Rohman lah yang telah banyak membantu saya untuk menggali Ilmu tentang bagaimana saya dapat mendesign blog ini dan blog-blog yang lainnya menjadi manis dan ramah dilihat ("cee ileeehh...kalo ada orangnya malu juga nih saya" )

Namun untuk para Blogger pemula yang keduluan nyasar kesini dan ingin mencoba untuk membuat daftar isi pada blognya.Silahkan saja klik disini untuk melihat contoh dari daftar isi tersebut.Apabila tertarik silahkan Rekan & sahabat ikuti langkah-langkah dibawah 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. Lihat ke bagian body template, lalu cari kode seperti ini :

  7. <b:include data='post' name='post'/>


  8. Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :
  9. <b:if cond='data:blog.homepageUrl != data:blog.url'>

    <b:if cond='data:blog.pageType != "item"'>

    <a expr:href='data:post.url'>

    <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
    <data:post.title/></div></a>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>

  10. Klik tombol Simpan Template.

  11. 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. <a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>


  6. Ganti NamaBlogAnda dengan nama blog anda sendiri. Contoh : nama blog saya adalah imajinasi-pujangga. 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) :


    <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">



Selamat berkreasi !

3 comments:

Blog Bisnis Online mengatakan...

Salam Kenal Mas dari Pemula mantap postingnya nih :)

bahril mengatakan...

makasih gan infonya.....15

Andre Lao mengatakan...

Bagus nih Blog, tp lebih ditambahin lagi yak isinya.
Skalian ane mw nanya2 :33
Gmn yak caranya ngisi postingan dengan file .swf ?

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.