Script Untuk Daftar Isi Blog / Situs (SiteMap)

Membuat Daftar Isi Blog dengan Javascript

Masih ingat dengan script daftar isi ciptaan abu farhan beberapa waktu lalu yang sampai saat ini beliau masih menjadi rujukan para blogger senior?

Kali ini tidak jauh berbeda,mungkin kamii hanya njiplak kali ya (copas lagi dah!),namun script ini memang sangat efektif,untuk contoh fisiknya,sobat bisa lihat di SINI

Cara menerapkannya pun sangat mudah,hanya lakukan posting seperti biasa,letakkan script dan sobat bisa lihat hasilnya.

Langkah dan Cara Memasang / Membuat Script Daftar Isi Blog

Pertama,sobat kunjungi dashboard lalu pilih 'New Post'


Lihat Gambar lebih Besar di SINI

Setelah itu,pilih tab 'Edit HTML' bukan mode 'Comppose'


Lihat Gambar lebih Besar di SINI

Kemudian letakkan script daftar isi berikut:

<link rel="stylesheet" media="screen" href="http://membuatgempar.net23.net/index-script-blogger.css" type="text/css" type="text/css" />

<script type="text/javascript">
var showPostDate = true,
showComments = true,
idMode = true,
sortByLabel = false,
labelSorter = "JQuery",
loadingText = "Loading...",
totalPostLabel = "Jumlah Artikel:",
jumpPageLabel = "Halaman",
commentsLabel = "Komentar",
rmoreText = "Selengkapnya &#9658;",
prevText = "Prev",
nextText = "Next",
siteUrl = "http://pelajaran-blog.blogspot.com",
postsperpage = 10,
numchars = 370,
imgBlank = "http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif";
</script>

<script type="text/javascript" src="http://membuatgempar.net23.net/index-script-blogger.js"></script>

Dan beri nama pada judul seperti biasa sobat posting,lalu klik 'Publish Post'


Lihat Gambar lebih Besar di SINI

Dan sobat bisa lihat hasilnya dengan mengklik tombol 'View Post',moga berhasil ya.


Lihat Gambar lebih Besar di SINI

Membuat Daftar Isi pada Blog

Hallo!! baru sempet update lagi nich! ,berhubung 3 hari pulang ke kampung Purworejo,he..he.. Tapi disini aku tidak mau ngomongin soal pengalaman aku waktu di kampung,ntar panjaaang dech ceritanya.. Langsung aja yach! sesuai judul artikel pelajaran kali ini,kita akan membuat Daftar Isi Pada Blog,contohnya anda sudah bisa melihat Daftar Isi pada Blog ini. Sebelumnya,dari mana saya dapat artikel ini? ya..dari senior kita semua tentunya, Kang Rohman di Blog Tutorialnyanya. Siapa sich yang belum pernah berkunjung ke Blog nya? Meskipun demikian,Pelajaran Blog,tanpa mengurangi etika sopan santun Blogging,akan menjabarkan lagi,bagaimana sich membuat Daftar Isi pada Blog. Langkah pertama,Pergi Dashboard lalu pilih Tata Letak,selanjutnya pillih Edit HTML. Selanjutnya,beri contreng Partai pilihan kamu,.. Hus ! bukan maksudnya,contreng tulisan Expand Widget Template,seperti di bawah ini : Selanjutnnya,cari kode di bawah ini: <b:include data='post' name='post'/> Untuk mempermudah pencarian,tekan Ctrl+F pada Keyboard anda,pakai keyboard khan? Setelah ketemu kode diatas,Hapus kode tersebut,lalu ganti dengan kode di bawah ini : <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if> Lalu Simpan Template. Apakah dah selesai? Ya belum dong! Kalau dah selesai,gimana caranya bisa ngliat daftar isi blog? Nah! Untuk melihat Daftar Isi Blog,kita harus membuat Link terlebih dahulu,yang mana saat link di klik akan menuntun kita ke halaman khusus Daftar Isi tersebut. Anda bisa menggunakan seperti contoh di bawah ini: Untuk link berupa text: Daftar Isi Blog Anda bisa gunakan kode berikut : <a href="http://NAMABLOGANDA.blogspot.com/search?max-results=100">Daftar Isi Blog</a> Untuk Link berupa form: Anda bisa gnakan kode berikut : <form action="http://NAMABLOGANDA.blogspot.com/search?max-results=100" target="_blank"><input value="Daftar Isi Blog" type="submit"></form> Jangan lupa! kode yang berwarna merah,tuliskan alamat Blog anda sendiri. Sebenarnya,masih banyak pilihan yang bisa anda buat link untuk Daftar Isi Blog,caranya hanya dengan menambahkan Element Baru/Add New Widget dan pilih HTML/Javascript lalu tuliskan kode link pilihan anda (anda bisa memakai contoh di atas). Lalu apa arti tulisan "100" yang berwarna hijau di atas ? Angka "100" pada kode diatas,menentukan berapa jumlah judul yang akan di tampilkan untuk Daftar Isi tiap halaman,klo saya menuliskan "50",ya nantinya akan ada "50" judul yang akan di tampilkan pada setiap halamannya. Udah jelas khan? Baca Juga Yang Ini.. Membuat Label / Kategori pada Blog Menghilangkan Tulisan Subscribe to / Langganan posting Atom Membuat Read more../Selengkapnya..