--> Cara Lengkap Bikin Daftar Isi atau Site Map Blog Keren Otomatis | TeknoRC

Seputar SainTech, Gadget dan Internet Plus


Friday

Cara Lengkap Bikin Daftar Isi atau Site Map Blog Keren Otomatis

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

Related Posts

17 comments:

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

    ReplyDelete
  2. ijin sedot gan...

    kunjungi juga http://animesoft18.blogspot.com/ terima kasih..

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

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

    ReplyDelete
  5. ijin copas bos.. ma ijin ke link artikelnya

    ReplyDelete
  6. makasih gan infonya mohon untuk mampir juga ya
    http://anggaariwibowo.blogspot.com/

    ReplyDelete
  7. Lagsung saya praktekkan gan, makasih
    http://akubolet.blogspot.com/

    ReplyDelete
  8. Anonymous06:19

    langsung menuju tkp gan,,

    ZonaBebaZ.blogspot.co.id

    ReplyDelete
  9. gak berasil nih gan dibantu dong

    ReplyDelete
  10. Anonymous02:02

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

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

    ReplyDelete
  11. 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

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

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

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

    ReplyDelete
  15. work mas, makasih

    ReplyDelete

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