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.

DEMO DAFTAR ISI

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. . ! !

cara membuat daftar isi keren

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/AVvXsEjNrCZwl-h3eIwABO2c2nFhqlE1qmYf3Kejop-qhUMeZRl-8Mpqi2DAf2fETfFieUA7aHkQ9b1h-g9LE570H_ZMIeyGJfpsebiFP6ncWHfCB41OqDDrK_X-VgCuKBN1FY4JVRd96YSfYF4/s1600/no+image.jpg";
</script>
<script type="text/javascript" src="http://fianetmu-com.googlecode.com/files/blog%20daftar%20isi.js"></script>

KETERANGAN :
Url yang berwarna kuning,itu adalah url tema daftar isi,silahkan pilih tema daftar isi dibawah ini sesuai dengan yang anda inginkan.
Dan Url yang berwarna merah silahkan ganti dengan url blog anda

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