Kamis, 03 Juli 2014

Cara Membuat Daftar Isi/Sitemap Otomatis Di Blog

Cara membuat daftar isi/sitemap otomatis di blog yang saya bagikan untuk Anda semua. Cara baru tersebut memang banyak kita jumpai dalam tutorial blog yang lain. Yang membedakan
dengan apa yang saya tuliskan pada postingan kali ini adalah tanpa adanya backlink balik menuju blog ini.

Daftar isi atau dengan kata lain sitemap dalam blog khususnya blogspot, memang sudah disediakan oleh pihak blogger sendiri. Tetapi daftar isi/sitemap tersebut berupa arsip yang di golongkan berdasarkan tanggap dan bulan artikel diterbitkan. Sementara daftar isi otomatis di blog yang saya share ini adalah daftar isi yang berdasaran label blog Anda.

Seperti yang Anda lihat di blog lain, Daftar isi otomatis sudah dilengkapi dengan scroll Bar, sehingga Anda bisa mengatur tinggi dan lebarnya kotak tersebut. Daftar isi itu juga dapat Anda letakkan pada sidebar blog ataupun membuatnya seperti postingan Anda sendiri. Berikut ini ialah caranya.

Cara Membuat Daftar isi/sitemap Otomatis di Posting Blog:
  1. Login ke akun blogger Anda.
  2. Buatlah postingan baru seperti Anda sedang membuat artikel seperti biasanya.
  3. Pilih mode “Entri HTML Bukan Compose” pada pojok kiri atas seperti contoh dibawah ini:
  4. Copy Paste kode dibawah ini pada halaman HTML tersebut.
  5. <div style="border: 1px solid #000000; height: 250px; overflow: auto; padding: 5px; width: auto;">
    <script src=”http://cara-baru-andie.googlecode.com/files/daftar%20isi%20otomatis.js”></script><script src="http://radjaonline1.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
    </div>
  6. Atur semua permanent link dan deskripsi yang ada pada kolom menu sebelah kanan sesuai keinginan.
  7. Dan klik Publikasikan.

Cara Membuat Daftar isi/sitemap Otomatis di Sidebar Blog Anda:
  1. Sama seperti cara diatas, log in dahulu ke blogger
  2. Masuk ke dashboard
  3. Pilih “Tata Letak” dan Klik “Tambah Gadget”
  4. Pilih yang “Widget HTML/JavaScript”
  5. Copy dan Pastekan code script berikut ini kedalamnya.
  6. <div style="border: 1px solid #000000; height: 250px; overflow: auto; padding: 5px; width: auto;"> <script src="http://cara-baru-andie.googlecode.com/files/daftar%20isi%20otomatis.js"></script><script src=" http://radjaonline1.blogspot.com /feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script> </div>
  7. Jika sudah selesai, klik Simpan sekarang.

Keterangan Untuk Warna dari code script diatas:
  • Kode warna merah Silahkan diganti dengan URL homepage Anda.
  • Kode warna biru merupakan ukuran dari tinggi kotak yang bisa Anda atur sesuai keinginan/kesukaan.





Trima Kasih Atas Kunjungan Anda