Membuat Daftar Isi Berdasarkan Label Pada Blog

3 comments
Untuk Postingan sekarang saya akan berbagi informasi tentang bagaimana caranya memasang Daftar Isi Berdasarkan Label, seperti yang bisa sobat lihat di sebelah kanan blog saya ini (Sidebar).
Sebagai contohnya sobat bisa lihat disini [ DEMO DAFTAR ISI ]

Untuk membuat Daftar Isi ini ada 3 pilihan yang bisa sobat gunakan :

Daftar Isi Versi Blog Cagappaeh :  
                                                                                                         
<div align="center">
<span style="font-weight:bold;"><a href="http://cagappaeh.blogspot.com/2011/04/daftar-isi-cagappaeh.html"><span style="color:#ff6666;">DAFTAR ISI</span></a></span>
</div>
                                                                                                        
Silahkan copas Script diatas pada elemen HTML/JavaScript
Keterangan :
Kode berwarna merah adalah Link alamat untuk Daftar Isi Sobat
Nama Daftar Isi, sebagai Title untuk Linknya, sobat bisa menggantinya dengan nama lain yang lebih sobat suka, mau Daftar Isi boleh atau yang lain juga boleh.


Daftar Isi Dari Blog Sahabat Ineufadla  
                                                                                                          
Disini sobat akan menemukan 2 script, yang pertama menggunakan fasilitas scroll dan yang kedua tanpa scroll. Itu terserah sobat mau menggunakan yang mana.
Tapi kalo untuk blog saya sendiri saya tidak memakai scroll, namun jika sobat ingin lebih menghemat tempat dan tampilannya lebih menarik silahkan pilih yang menggunakan scroll.


Untuk Script Dengan Scroll :
                                                                                                       
<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
<script style="text/javascript" src="http://kangfatur.googlecode.com/files/daftar%20isi%20label.js"></script>
<script src="http://www.coretan-guru-komputer.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<p>
</div>
                                                                                                         


Untuk Script Tanpa Scroll : 
                                                                                                        

<script style="text/javascript" src="http://kangfatur.googlecode.com/files/daftar%20isi%20label.js"> </script>
<script src="http://www.coretan-guru-komputer.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
                                                                                                        

Keterangan : Ganti kode warna berwarna merah dengan Url Blog sobat.
Jika sudah silahkan simpan template sobat dan lihat hasilnya.

Dijamin k'ren dah sob.
Selamat mencoba dan semoga bermanfaat. 

3 comments :

  1. wew mantap nih nih keren pisan euy klw buat blog wordpress bisa nggak nih sob

    ReplyDelete
  2. <script language=javascript>
    <!--

    //Disable right click script III- By vikrymadz
    //For full source code, visit http://vikrymadz.blogspot.com

    var message="";
    ///////////////////////////////////
    function clickIE() {if (document.all) {(message);return false;}}
    function clickNS(e) {if
    (document.layers||(document.getElementById&&!document.all)) {
    if (e.which==2||e.which==3) {(message);return false;}}}
    if (document.layers)
    {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
    else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

    document.oncontextmenu=new Function("return false")
    // -->
    </script>

    hapus itu... :43

    ReplyDelete
  3. Waduuuh...
    Hatur Thank you pisan Kang Beben. :37

    Udah bisa di klik kanan sekarang mh kang. :54

    ReplyDelete

Berikut adalah beberapa aturan untuk memberikan komentar di blog ini :

1. Semua komentar kecuali spam dipersilahkan.
2. Anda dipersilahkan jika ingin membuat permintaan dan pertanyaan.
3. Jangan gunakan nama-nama seperti Admin, Penulis, Operator, atau yang lainnya untuk memberikan komentar karena akan membuat orang lain salah paham.
4. Tinggalkan Alamat Email/Url Blog Anda, jika Anda memberi komentar sebagai "Anonymous"

"Terima kasih banyak telah berkomentar"