Blogspot yang membahas tentang Tutorial Blogger, Animasi Blogger, Google Adsense, Game Blogger, Seo Blogger, Template Blogger, TV Online, Dan Tools Blogger

Monday 10 March 2014

Daftar Isi Dengan Navigasi

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 :

Daftar Isi Dengan Navigasi
Langkah-Langkah Membuat Daftar Isi Dengan Navigasi
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>
<script>
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "JQuery",
    loadingText    = "Loading...",
    totalPostLabel = "Jumlah posting:",
    jumpPageLabel  = "Halaman",
    commentsLabel  = "Komentar",
    rmoreText      = "Selengkapnya &#9658;",
    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>
Note : ganti tulisan merah dengan URL blog anda.

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
DMCA.com

Daftar Isi Dengan Navigasi Rating: 4.5 Diposkan Oleh: Fikri

8 komentar:

  1. Replies
    1. Silahkan mas dicoba, sering-seringmampir ke blog kecil ini yaa :D

      Delete
  2. Lebih 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. :)

    ReplyDelete
    Replies
    1. Betul mas, kalau daftar isi biasa semakin banyak post akan semakin berat :D

      Delete
  3. mf nih, aku dah coba, hasilnya ok, tapi Daftar Isi dan scriptnya koq muncul ya di hal pertama ,

    ReplyDelete
    Replies
    1. Iyah mba daftar isi meload hanya 5 yang baru posting sama seperti halaman homepage anda

      Delete
  4. nanya 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 ..

    ReplyDelete
    Replies
    1. Sepertinya 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

 
notifikasi
close