Membuat Daftar Isi Blogspot Keren

Membuat Daftar Isi Blog Keren ini hanya menurut saya, daftar isi keren bagaimana yang akan kita buat disini? daftar isi blog sobat nantinya akan berbentuk seperti windows explorer, sebagai contoh daftar isi blog yang keren ini silahkan sobat lihat daftar isi Blog rpp silabus,  yang jelas tidak kalah keren dengan Emoticon Pada Komentar Blogspot

Kalau sudah lihat mari kita praktekkan bagaimana cara membuatnya. Oh ya sebenarnya dasar pembuatan Table of Content ini didapatkan dari blog master Abu Farhan, tetapi mengalami sedikit modifikasi dan perubahan sehingga menjadi seperti gambar dibawah ini :


Bagaimana cara membuatnya? inilah langkah-langkahnya :-)
  • Login ke Dashboard blogspot sobat
  • Setelah itu buat tulisan/posting baru [bisa juga buat page baru] sobat boleh pilih yang mana suka dan buatlah judul postingannya sesuai selera, contoh : Daftar isi, Index, Table of Content
  • Pilih mode penulisan HTML
  • Copy dan paste Kode dibawah ini pada area postinga tersebut [ingat dalam mode HTML]

    <link href="https://dl.dropbox.com/u/20885327/toggle_function.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="https://dl.dropbox.com/u/20885327/toggle_function.js" type="text/javascript"> </script> <script src="https://dl.dropbox.com/u/20885327/toggle_toc.js/" type="text/javascript"> </script> <script src="http://domainmu.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"> </script> <script type="text/javascript"> var accToc=true; </script>  

    • Ganti Tulisan http://domainmu.blogspot.com/feeds/posts/summary?max-results=1000 dengan Url blog sobat
    Contoh http://slabusandrpp.blogspot.com/feeds/posts/summary?max-results=1000

    • Terakhir click Publish Post
    Selamat mencoba dan semoga berhasil.

    8 comments:

    1. khatam atuh dari master Abu Farhan mah...hihihihi
      Beben Koben si bloglang anu ganteng kalem tea \m/

      ReplyDelete
    2. Hihihi,,,, belajar ndak pernah khatam mas, :-D

      ReplyDelete
    3. wah.. thanks atas tutorialnya brother...

      O ya, linknya sudah saya ubah, monggo di cek... :D

      ReplyDelete
    4. Bisa langsung praktek nih..
      terimakasih banyak atas tutorialnya, salam kenal dari blogger new bie... ^_

      ReplyDelete
    5. Tengkyu mas broder... senang bisa bersahabat... :-)

      ReplyDelete
    6. MOggo mas,,, semoga sukses prakteknya,,,
      salam kenal juga dari bloggger yg paling neubi... :lol:

      ReplyDelete
    7. Kenapa blognya jadi kaya' blogspot ya mas? Perasaan dulu pakai Wordpress.

      ReplyDelete
    8. iyah sob,,, pindah channel nih,,,, dipaksa ama kemampuan yg terbatas masalah hosting... pusing ngatasin hosting yg terus bermasalah....
      mau mindah2in database males (gak paham2 amat)
      jadi pilihan tepatnya kembali pacaran dengan hosting gugel.... :-t

      ReplyDelete