Saturday, April 26, 2014

Cara Baru Membuat Daftar isi Otomatis di Blog


Cara Baru Membuat Daftar isi Otomatis di Blog

Pada kesempatan malam ini, Tutorial Cara Baru Membuat Daftar Isi Otomatis di Blog akan saya bagikan kepada anda semua. Cara baru tersebut memang banyak kita jumpai dalam tutorial blog yang lain. yang membedakan dengan punya saya adalah tanpa adanya backlink balik menuju blog ini.

Daftar isi dalam blog khususnya blogspot, memang sudah disediakan oleh pihak blogger sendiri. tetapi daftar isi tersebut berupa arsip yang di golongkan berdasarkan tanggap dan bulan artikel diterbitkan. Sementara daftar isi otomatis di blog yang aan saya share adalah daftar isi yang berdasaran label blog anda. berikut ini adalah screenshot dari perwujudan cara baru saya


seperti yang anda lihat, Daftar isi otomatis diatas sudah dilengkapi dengan scroll Bar, sehingga anda bisa mengatur tinggi dan lebarnya kotak tersebut. Daftar isi itu juga dapat anda taruh pada sidebar blog ataupun membuatnya seperti postingan anda sendiri. sebagai contohnya anda bisa lihat penggunaan dan tampilan detailnya cara ini di Daftar Isi milik saya

Cara Baru Membuat Daftar isi Otomatis di Laman Blog

  1. Login ke akun blogger anda
  2. Klik Laman, lalu klik Laman Baru
  3. Pilih mode “Entri  HTML Bukan Compose” pada pojok kiri atas
  4. Cara buat daftar blog otomatis
  5. Copy Paste kode dibawah ini pada halaman HTML tersebut
  6. <div style="border: 1px solid #000000; height: 600px; overflow: auto; padding: 5px; width: auto;"> 
    <script src=”http://cara-baru-andie.googlecode.com/files/daftar%20isi%20otomatis.js”></script><script src=" http://blogspotdootcom.blogspot.com /feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script> 
    </div>
  7. Klik Pratinjau,  jika sudah puas dengan hasilnya
  8. Klik Publikasikan.

Cara Baru Membuat Daftar isi Otomatis di Sidebar / Widget Blog

  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: 600px; overflow: auto; padding: 5px; width: auto;"> 
    <script src="http://cara-baru-andie.googlecode.com/files/daftar%20isi%20otomatis.js"></script><script src=" http://blogspotdootcom.blogspot.com /feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script> 
    </div>
  7. Jika sudah selesai, klik Simpan
Keterangan Untuk Warna dari code script diatas:
  • Kode warna Merah Silakan diganti dengan URL homepage anda
  • Kode warna Hijau merupakan ukuran dari tinggi kotak yang bisa anda atur sesuai keinginan

Silakan anda mencobanya dahulu, jika mengalami kesulitan bisa memberikan masukan pada kotak komentar dibawah. Jika tidak ingin menampilkan widgetnya atau menyembunyikan widgetnya boleh liat juga di artikel Cara Menyembunyikan Judul Widget yang Berjudul.

Sekian artikel saya kali ini yang membahas Cara Baru Membuat Daftar Isi Otomatis di Blog. semoga dapat bermanfaat dan membantu sobat semua. Terima kasih atas kunjungannya.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Black Magician