Daftar Isi Dengan Navigasi | Blogger Update. Assalamualaikum wr.wb. Pagi menjelang siang ini saya akan berbagi lagi nih seputar Daftar Isi Blogger yang termasuk dalam kategori Tutorial Blog ini yang berjudul 'Daftar Isi Dengan Navigasi'. Sebelunya saya sudah pernah memposting 3 yaitu Daftar Isi, Daftar Isi Dengan Scroll, dan Daftar Isi Perlabel. Kali ini Daftar Isi Blog yang saya bagikan memiliki tampilan berbeda dengan yang lain karena sudah seperti posting blog, ingin lihat seperti apa Daftar Isi Dengan Navigasi anda bisa melihat gambarnya dibawah ini :
1. Buka Blog Anda.
2. Create new post >> Isi judul post 'Daftar isi' >> Pilih yang HTML.
3. Masukkan script dibawah ini kedalam post.<link href="http://dte-project.googlecode.com/svn/trunk/blogger-toc-with-pagination_default-theme.css" rel="stylesheet"></link>Note : ganti tulisan merah dengan URL blog anda.
<script>
var showPostDate = true,
showComments = true,
idMode = true,
sortByLabel = false,
labelSorter = "JQuery",
loadingText = "Loading...",
totalPostLabel = "Jumlah posting:",
jumpPageLabel = "Halaman",
commentsLabel = "Komentar",
rmoreText = "Selengkapnya ►",
prevText = "Sebelumnya",
nextText = "Berikutnya",
siteUrl = "http://seo-powers.blogspot.com",
postPerPage = 5,
numChars = 370,
imgBlank = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script>
<script src="http://yourjavascript.com/91274241711/daftar-isi-navigasi.js"></script>
3. Simpan dan selesai,
Sekian dari saya Mochammad Fikri yang menuliskan artikel berjudul Daftar Isi Dengan Navigasi,
semoga bisa diikuti oleh pembaca sekalian dan jika ada yang kurang
jelas atau anda ingin bertanya seputar topik diatas anda bisa
menuliskannya dikotak komentar dibawah. Simak juga artikel Tutorial Blog lainnya : Cara Membuat Blogazine Di Blogspot, Cara Membuat Spoiler Ala Kaskus Di Dalam Posting Blog, Cara Membuat Slideshow Di Dalam Posting Blog, Cara Membuat Form Di Posting Blog, dan Cara Mudah Membuat Tabel Dalam Posting Blog. Terima kasih sudah berkunjung.
Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya
izin coba mas
ReplyDeleteSilahkan mas dicoba, sering-seringmampir ke blog kecil ini yaa :D
DeleteLebih baik daftar isi yang seperti ini mas daripada yang langsung semua judul post tercantum karena jika post blog kita sudah banyak maka load sitemap juga akan lama. :)
ReplyDeleteBetul mas, kalau daftar isi biasa semakin banyak post akan semakin berat :D
Deletemf nih, aku dah coba, hasilnya ok, tapi Daftar Isi dan scriptnya koq muncul ya di hal pertama ,
ReplyDeleteIyah mba daftar isi meload hanya 5 yang baru posting sama seperti halaman homepage anda
Deletenanya nih, misalnya aku punya label tutorial blog, trus aku mau juga tuh label di kasih navigasi gitu, da warna lain ga? oren misalnya ... he he tq sblumnya ..
ReplyDeleteSepertinya kalau ditambahain label harus nambahin kode didalam javascript, dan untuk merubah warna caranya cukup mudah. Langkah pertama inspect element warna yang mau diganti setelah itu cari kode yang ingin diganti, lalu ganti kode warna tersebut dengan keinginan anda. Terima kasih, sering-sering berkunjung ke blog kecil ini :D
Delete