Membuat Daftar Isi Berdasarkan Label Pada Blog

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. 

comment 3 komentar:

Free Backlinks on Apr 26, 2011, 11:47:00 PM said...

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

Beben Koben on Apr 27, 2011, 12:00:00 AM said...

<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

Ipank Bastarz said...

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

Udah bisa di klik kanan sekarang mh kang. :54

Post a Comment

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"

Delete this element to display blogger navbar

 
© cagappaeh | Design by Blog template in collaboration with Concert Tickets, and Menopause symptoms
Powered by Blogger