Translate

11 July 2013

Tutorial Cara Ampuh Membuat Daftar Isi otomatis sesuia label di blog

Assalamualaikum wr wb
Bismilah Hirohman Nirohim
Salam Belogger ..
pada kesempatan kali ini Software Komputer akan memberikan Tutorial Cara Ampuh Membuat Daftar Isi otomatis sesuia label di blog , langsung ke pointnya aja ok ...

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
Cara sederhana membuat daftar isi otomatis
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.

Cara Baru Membuat Daftar isi Otomatis di Posting Blog

  1. Login ke akun blogger anda
  2. Buatlah postingan baru seperti anda sedang membuat artikel
  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. <script>src="http://http://softwarekomputerglobal.blogspot.com/files/Sitemap-Daftar%20isi.js"></script> <script src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  7. Atur semua permanent link dan deskripsi yang ada pada kolom menu sebelah kanan sesuai keinginan.
  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: 250px; overflow: auto; padding: 5px; width: auto;">
    <script src="http://cara-baru-andie.googlecode.com/files/daftar%20isi%20otomatis.js"></script><script src=" http://softwarekomputerglobal.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
Oke itulah tips Tutorial Cara Ampuh Membuat Daftar Isi otomatis sesuia label di blog  kali ini yang bisa saya sampaikan tentang  semoga bermanfaat buat semuanya, jika ada kekurangan mohon dimaafkan karena saya disini masih sama-sama belajar dan atas perhatiannya saya ucapka terima kasih,.
Silakan anda mencobanya dahulu, jika mengalami kesulitan bisa memberikan masukan pada kotak komentar dibawah..
Semoga Berhasil 
Waalaikumsalam wr wb

No comments:

Post a Comment