Cara Lengkap Bikin Daftar Isi atau Site Map Blog Keren Otomatis

Gimana Cara buat daftar isi artikel blog otomatis ? setelah surfing dan browsing sana sini akhirnya ketemu juga cara buat site map atau peta situs yang keren dan bagus. biasanya daftar isi yang sering kita lihat adalah tampilan standar dan kadang ada masalah dengan tampilannya bahkan tidak mau tampil sama sekali, itu terjadi pada blog saya yang lain akhirnya dihapus dan diganti dengan daftar isi yang kreatif seperti yang akan dipaparkan berikut.

Daftar Isi atau Site Map pada sebuah blog atu situs tidak jauh berbeda dengan daftar isi yang kita temui pada sebuah buku, majalah, artikel makalah, skripsi, tesis bahkan desertasi yang berfungsi untuk memudahkan pembaca atau pengunjung menelusuri isi dari buku tersebut sesuai dengan keinginan dan kepentingan pembaca.

sehingga pembaca bisa mencari shortcut tanpa harus berurutan, meski sebaiknya membaca dimulai dari halaman pertama sampai terakhir secara berurutan agar bisa memahami maksud dari sebuah tulisan pada sebuah buku.

Nah pada sebuah blog pengunjung tidak mungkin membaca satu persatu dari awal postingan artikel yang tersedia pada blog tersebut sehingga diperlukan sebuah literatur yang merangkum judul artikel. yang fungsinya sebagai susunan artikel berupa kumpulan tautan judul postingan yang terstruktur. Daftar isi pada blog dapat menampilkan perlabel, abjad dan lain-lain, sesuai setelan dan modikasi.

Daftar Isi atau Site Map Blog Otomatis

wadaw, kok jadi seperti memberi materi kuliah nih...qqqq. Oke sob kita lanjut saja pada inti dari tulisan ini, bagaimana cara membuat daftar isi pada blog. secara umum ada dua lokasi penempatan daftar isi yaitu pada halaman statis atau sebagai widget sidebar. sekarang kita mulai langkahnya satu persatu ;

Cara Membuat Daftar Isi Keren pada Halaman statis

1. Masuk ke Dashboard blogger
2. Klik menu Pages/laman >> klik New page >> pilih dan klik Blank page
3. Anda akan dibawa ke halaman posting, agar judul dan link daftar isi nantinya sama, sebelum anda meletakkan skripnya maka buatlah judulnya terlebih dahulu pada kolom judul (Daftar Isi atau Site Map)
4. selanjutnya copy dan pastekan script berikut pada HTML (jangan salah meletakkan, HTML berada disebelah Compose biasanya dipojok kiri atas halaman posting
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="https://googledrive.com/host/0B6nuu-1cS17iSGhLNUtpNmxETkU" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew    = true,
    accToc     = false,
    openNewTab = true,
    maxNew     = 5,
    baru       = "New!",
    sDownSpeed = 600,
    sUpSpeed   = 600;
</script>
<script src="https://googledrive.com/host/0B6nuu-1cS17iT1ZTSGd3cVZIUVE" type="text/javascript"></script>
<script src="http://www.teknorc.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
5. Ubah link yang diberi stabilo warna aqua dengan link blog sobat
6. Selanjutnya Publish atau preview terlebih dahulu
7. Jreng...selesai sudah Daftar Isi keren Blog anda
8. Kalo di template blog sobat sudah ada jquery versi berapapun, maka kode warna kuning tidak perlu digunakan


Cara Membuat Daftar Isi Keren pada Widget sidebar atau lainnya

1. Pada Dashboard klik Tata Letak >> klik add gadget pada sidebar
2. Pilih HTML/Javascript
3. Copy dan pastekan script di atas pada kotak tersebut
4. Simpan template
5. Selesai

Tujuan membuat daftar isi blog terutama sekali adalah memudahkan pengunjung menelusuri blog sobat sehingga akan meningkatkan Pageview blog dan artikel populer karena diharapkan visitor akan betah untuk mengobok-obok daftar isi blog sobat. Semoga berhasil. (disarikan dari walman dan sharehovel)

Labels: Blog dan SEO
14 Komentar untuk "Cara Lengkap Bikin Daftar Isi atau Site Map Blog Keren Otomatis"

ijin coba gan
http://si-kudil.blogspot.com/p/daftar-isi.html

KUNJUNGI JUGA YA
http://sharezone-premium.blogspot.com/

kunjungi blog saya gan http://www.codjember.com

ijin copas bos.. ma ijin ke link artikelnya

Anonymous
delete

langsung menuju tkp gan,,

ZonaBebaZ.blogspot.co.id

gak berasil nih gan dibantu dong

Anonymous
delete

makasih gan sangat membantu saya yang masih newbie
dan uda berhasil nie gan

http://kumpulanmakalah94.blogspot.co.id/

trima ksh mas brow........atas script daftar isinya
mas brow tlng brikan masukan ke blog sklhku dong. ku jg baru pemula dlm hal ini. sdinpres1kabsorong.blogspot.com

Berhasil gan, terima kasih infonya.....lihat hasilnya di blogku http://tuntasbro.blogspot.co.id/

sudah berhasil gan, terimakasih banyak ya...
kunjungi http://www.mediaku.web.id/

thankss bro, visit balik ya
technocyber08.blogspot.co.id

work mas, makasih

Harap Maklum Masbro, Komentar dengan Link Aktif Otomatis Terhapus. Trims

Back To Top