Daftar Isi Blogger Keren Dengan Tema Dan Navigasi

Cara membuat daftar isi keren dengan navigasi di blog, daftar isi atau biasa dikenal oleh para blogger dengan sebutan Sitemap merupakan semua isi halaman url artikel blog dan untuk mempermudah pengunjung mengetahui lebih jauh isi dari blog tersebut secara keseluruhan. Sedangkan fungsi Sitemap sendiri terhadap SEO untuk menginformasikan url-url yang berada di blog agar lebih mudah di crawl dan dijelajahi oleh mesin pencari (Search Engine) sehingga bisa lebih cepat terindeks.

Nah pada tutorial kali ini,Saya akan membahas tentang cara memasang daftar isi atau sitemap keren dengan berbagai tema dan dilengkapi dengan navigasi,sehingga tampilan daftar isi akan menjadi lebih simple dan menarik. .Mungkin anda berencana untuk membuat daftar isi jadi lebih keren dan menarik?Oke langsung saja ikuti cara membuat daftar isi dibawah ini gampang dan gak ribet. . ! !

1. Login pada blog
2. Pilih Page/Laman kosong
3. Masukan code berikut, pada halaman HTML bukan pada Compose

<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_facebook-theme.css" type="text/css" />
<script type="text/javascript">
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://andoelsean.blogspot.com",
postsperpage = 4,
numchars = 370,
imgBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi3VG04xdlHid3bT94-u3fwGkW7lmpRtDdagRCfx6mP-ozAoNuhyphenhyphen3WjC_KihuzUSbdvHcRVr_k8QTLMxUYtrmXfLIiKz7qGDfBgHYSIQFV3JSIK9BNLiWovi79denczeDtvNDf_rhoYPU/s1600/no+image.jpg";
</script>
<script type="text/javascript" src="http://fianetmu-com.googlecode.com/files/blog%20daftar%20isi.js"></script>

Demo - Brown theme

http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_minima-brown.css

Demo - Black theme

http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_elegant-black-theme.css

Demo - Diary book theme

http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_CSS3-diary-book-theme.css

Demo - Elegan white theme

http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_minima-white-theme.css

Demo - Yellow green theme

http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_yellow-green-theme.css

Demo - Dark red theme

http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_dark-red-theme.css

Demo - Contruction theme

http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_construction-theme.css

Nah kira-kira anda ingin memasang daftar isi dengan tema yang mana? :) Selamat mencoba dan happy blogging. .