Daftar isi adalah sebuah daftar yang memberikan informasi apa saja artikel yang ada di blog anda ini akan memudahkan pengunjung untuk dapat mencari artikel yang dibutuhkan. Ini juga merupakan salah satu bagian dari seo,kenapa bisa begitu? jika di dalam blog anda memiliki banyak artikel dan anda memiliki daftar isi dari blog anda tentu pengunjung tinggal memilih artikel mana yang ingin di baca jadi pengunjung akan merasa betah berada di blog anda.apa lagi jika artikel yang anda buat adalah artikel yang baik dan dapat menyelesaikan masalah pengunjung blog anda.
Sebenarnya ada banyak cara untuk membuat daftar isi setidaknya saya menemukan 4 cara meskipun pada dasarnya sama tapi memiliki tampilan yang berbeda beda.
1. Membuat daftar isi ala kang rohman
Kang rohman adalah salah satu master blogger itu menurut saya karena banyak sekali artikel yang di buat kang rohman mengenai tutorial blogspot. berikut ini cara membuat daftar isi ala kang rohman
Ada dua langkah yang harus anda kerjakan
Langkah pertama
- Sign in di blogger dengan ID anda
- Bila sudah berada di halaman dashboard, Pilih Rancangan
- Pilih halaman Edit HTML
- Klik link bertuliskan Download Template Lengkap. Ini digunakan untuk membackup template anda takut terjadi kesalahan jadi gampang untuk mengembalikannya.
- Beri tanda cek pada Expand Widget Template. Tunggu beberapa saat.
- Cari Html <b:include data='post' name='post'/> dan ganti dengan Html di bawah 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>
<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>
- Jika sudah simpan template anda Langkah pertama selesai sekarang lanjut ke langkah ke dua
- Masuk ke halaman Posting.
- Sekrang pilih Edit laman kemudian pamu pilih Elemen baru
- Beri Nama Laman kamu dengan Daftar isi atau apalah dan Copy lalu paste kode berikut :
<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi»</a>
- jika sudah pilih terbitkan laman. ini jika anda ingn membuatnya sebagai sebuah laman jika andaingin menambahkannya sebagai widget anda dapat menambahkannya di Rancangan a> dan kamu pilih tambah Gadget kemudian pilih Html/java script.
- Sebelumnya ganti nama blog anda dengan URL blog kamu sendiri dan angka 200 menunjukan jumlah posting yang inign di tampilkan.
http://kolom-tutorial.blogspot.com/2008/03/make-table-of-content-at-blog-membuat.html
Kelebihan dari Daftar isi yang di buat oleh buruk kutuk adalah menampilkan semua jumlah posting perlabel jadi semua label yang ada di blog kita akan di tampilkan. Daftar isi ini tidak perlu mengedit HTML jadi cukup menambahkannya sebagai Widget Kode Html yang harus anda pastekan adalah sebagai berikut:
<div style="overflow:auto; padding:5px; width:400px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"><script style="" src="http://burukutukpercobaan.googlecode.com/files/kodesitemap.js"></script><br /><script src="http://www.burukutuk.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
http://www.burukutuk.com/2010/03/cara-membuat-daftar-isi-di-blogspot.html
Sama seperti punya Buru kutuk daftar isi ini juga menampilkan posting perlabel cuma Artikel yang di tampilkan di awal tidak berurutan seperti Punya buru kutuk jadi kita harus memilih labelnya terlebih dahulu baru postingnya akan tampil itupun cuma untuk label itu Contohnya dapat anda lihat di sini Demo Daftar isi
Cara memasangnya juga sama seperti buru kutuk cukup menambahkannya di Widget,Berikut Html Daftar isi ala Arje Mania
<div style="overflow:auto; padding:5px; width:200px; height:300px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"><div align="left">Label: <span id="pbl_labels"></span>
<div id="pbl_posts"> Recent Posts </div>
<script type="text/javascript">
var jumlah_maksimum_post = 100;
var dengan_ringkasan = false;
var jumlah_karakter_ringkasan = 100;
</script>
<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">
</script>
<script src="http://www.arjermania.co.cc/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
</script></div></div>
<div id="pbl_posts"> Recent Posts </div>
<script type="text/javascript">
var jumlah_maksimum_post = 100;
var dengan_ringkasan = false;
var jumlah_karakter_ringkasan = 100;
</script>
<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">
</script>
<script src="http://www.arjermania.co.cc/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
</script></div></div>
http://www.arjermania.co.cc/2011/02/cara-membuat-daftar-isi-blog.html
4. Daftar isi Ala Abu Farhan
Sama seperti Punya Buru kutuk dan arjemania Daftar Isi abu farhan juga menampilkan posting perlabel beberapa keterangan tentang daftar isi dari abu farhan
- Judul diambil dari label atau kategori blog kita
- Ketika mulai membuka hanya satu judul yang menampilkan isi
- Isi tiap baris berbeda warna
- Posting yang terbaru akan ada tulisan new di akhir kalimat
- Jika judul yang satu di klik, maka judul yang lain akan sembunyi
<link href="http://sites.google.com/site/congcot/kode-1/CCcss1.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://sites.google.com/site/congcot/kode-1/CCjs1.js"> </script> <script src="http://www.congcot.co.cc/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"> </script> <script type="text/javascript"> var accToc=true; </script> <script src="http://sites.google.com/site/congcot/kode-1/CCjs2.js" type="text/javascript"> </script>
Demo : Daftar isi Ala Abu Farhan
http://www.congcot.co.cc/2010/07/membuat-daftar-isi-blog-dengan.html
Sebenarnya masih ada beberapa lagi karena saya sudah ngantuk jadi saya cukupkan sampai sekian,
0 Komentar untuk "Membuat Daftar isi di blog"