Cara Membuat Daftar Isi Blog

Go : Home > Blogger tutorial > Cara Membuat Daftar Isi Blog

Cara Membuat Daftar Isi Blog

Posted by Abdul Roqib | Saturday, February 6, 2010 26 comments

Daftar isi blog sangatlah penting untuk mempermudah visitor untuk menemuakan apa yang meraka cari, oleh karena itu pada kesempatan kali ini saya akan membahas bagaimana cara membuat daftar isi blog. Tujuan pemasangan daftar isi blog sebenarnya hanyalah untuk memanjakan visitor yang datang ke blog kita. Penasaran ingin tau caranya? Cara membuat daftar isi blog ini sangat mudah kog tinggal ikuti langkah-langkahnya seperti di bawah ini:

Langkah Pertama

Pada halaman dashboard, kemudian klik Layout.
Pilih tab Edit HTML

Centang kotak kecil Expand Widget Template.

Kemudian cari kode seperti ini :

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

Hapus kode tersebut, kemudian ganti dengan kode berikut ini:

<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>

Simpan Template.

Langkah pertama selesai.

Langkah kedua

Klik tab Elemen Halaman.

Klik Tambahkan Elemen Halaman.

Maka muncul window baru, pilih HTML/JavaScript.

Copy dan paste kode berikut :

<a href="http://abdulroqib.blogspot.com/search?max-results=200">Daftar isi»</a>

Ganti url http://abdulroqib.blogspot.com dengan url blog sobat. Dan jika sobat ingin mengganti berapa banyak daftar isi postingan yang akan ditampilkan maka tinggal mengganti nilai 200 menjadi berapa saja yang diinginkan sobat.

Klik tombol Simpan

Selesai.

Selamat mencoba....
Dan jangan lupa mampir lagi di blog Belajar seo logspot, belajar bisnis online, blogger tutorial ini ya....

26 comments: to "Cara Membuat Daftar Isi Blog"

sibaho way said...: simpel ya. ini sama aja kayak sitemap ya pak ?; February 6, 2010 at 8:20 PM
saling berbagi said...: makasih tipsnya sobat.... aku akan kembali lagi; February 8, 2010 at 6:41 PM
dictionary indonesia-english said...: terima kasih banyak artikelnya sangat membantu.
Membuat daftar isi bisa membuat angka page view nya kita tinggi.; February 9, 2010 at 5:01 AM
CUTAZA said...: halo Mas Roqib di html saya gada kode
""
tapi adanya
"" itu gimana tuh sama ga? trus kalo kode yang di contohkan di atas tidak ada saya mesti cari kode apa ya?

tolong bales yah.. thank; February 10, 2010 at 10:05 AM
MisterXWebz said...: Thx inpoonya bro, sangat berguna, First Blogwalking, ditunggu kunjungan dan backlinknya - Ngarep mode on :D - http://misterxwebz.blogspot.com - Thx....; March 19, 2010 at 5:12 PM
Saung Web said...: Thanks untuk infonya sobat.. tutorial yg bagus; April 17, 2010 at 12:54 PM
Link Tea said...: Mampir ah buat baca sob .. ngak ada contoh hasilnya ya sob; April 17, 2010 at 12:56 PM
Forantum I Blogging is My Life I Tutorial Blog I Tips dan Trik Blog I SEO I Free Template said...: Makasih, berhasil nih :D; April 29, 2010 at 4:58 PM
Anonymous said...: menambah informasi. masukannya dunk tuk blog ane http://bisnismuji.blogspot.com
masih bingung mo ngeditnya biar bagus kayak blog ini.; May 28, 2010 at 11:57 PM
lbki said...: makasih untuk infonya... jadi bertambah nih wawasan tentang blogging...
maju terus..; August 20, 2010 at 8:31 PM
psyk0p4tx said...: MANTAPZ BANGET; September 19, 2010 at 4:21 PM
Cara Membuat Blog said...: Info yang menarik semoga bermanfaat bagi pembaca; September 24, 2010 at 11:35 PM
Inilah Alasan Kenapa Anda Harus Bergabung dengan Oriflame said...: Mantab Infonya; November 3, 2010 at 8:39 PM
Inilah Alasan Kenapa Anda Harus Bergabung dengan Oriflame said...: Terus berbagi sob; November 3, 2010 at 8:42 PM
Kurnia Rahma said...: ini saya masih baru belajar ngelog mas.....
makanya sering mampir kesini...
moga-moga gak bosan...; November 11, 2010 at 7:33 AM
Shio 2011 said...: maskih gan,,salam knl ya; December 30, 2010 at 11:53 AM
Cara Beriklan Di Internet said...: seepp gan; December 30, 2010 at 11:54 AM
Didit Toner said...: Makasih banget, ini bagus, tapi ada masalah Mas, saya tidak menemukan kode yang Mas Roqib maksud. gimana nih?; February 21, 2011 at 6:28 PM
Djoe said...: terima kasih sahabat,,saya akan coba pada blog saya; March 4, 2011 at 9:19 AM
gratz said...: wah manteb nih artikelnya,,:D; April 9, 2011 at 1:31 AM
Kerajinan said...: Mas Roqib, Apa daftar isinya itu bisa tambah sendiri bila kita nambah postingan? Ataukah kita harus setiap saat memperbaharui lagi? Apa pula kelebihan dan kekurangannya kalau kita pakai label setiap artikel kemudian kita tampilkan daftar labelnya? Trimakasih infonya.; April 17, 2011 at 5:31 PM
solusi mengobati nyeri haid said...: thanks infonya,,,
ditunggu share selanjutnya,,; April 18, 2011 at 7:50 PM
pengobatan tradisional luka bakar said...: keep blogging moga jadi ilmu yang berguna,,; April 18, 2011 at 7:51 PM
nasi box yogyakarta said...: Info menarik, saya juga ingin punya daftar isi di blog saya biar pengunjung mudah menelusuri si blog. Kalau dibanding model kategori artikel mana yang lebih mudah dibuat ya?; May 20, 2011 at 6:38 PM
couplax21 said...: thanks bangets nih,,,; June 12, 2011 at 5:13 PM
devis said...: ok banget gan ....numpang make ya....btw bisa gak kodenya langsung ditempatin di add gadget tanpa masuk ke edit html?; June 15, 2011 at 1:08 AM