Buat Halaman Daftar isi Keren dan Responsive

Artikel terkait : Buat Halaman Daftar isi Keren dan Responsive

Buat Halaman Daftar isi Keren dan Responsive- Hallo guys.Dalam kesempatan kali ini sya akan membagikan suah tutorial blog keren yaitu Buat halaman Daftar isi keren dan responsive.pas kalian para blogger pasti tahukan tentang daftar isi yang biasanya sering disebut Sitemap.Daftar isi [Sitemap] adalah sebuah halaman berisikan semua postingan yang sudah kamu publikasikan.Sitemap atau daftar isi sangat penting dan berguna bagi blog kamu.Sitemap dapat memudahkan pengunjung untuk melihat semua postingan yang bisa dianggap menarik lalu dikunjugi.Sitemap juga dapat mempercepat perkembangan blog kamu karena dengan adanya sitemap atau daftar isi dapat mempercepat prose indeks semua artikel blogmu ke google.itulah penjelasan tentang sitemap atau daftar isi.Sekarang saatnya prose pembuatan Sitemap yang keren dan responsive.Ikuti langkah-langkahnya dibawah ini :
1. Login Blogger
2. Masuk ke Menu Laman
3. Pilih Laman Baru
4. Setelah itu masuk ke mode HTML
5. Lalu Tempelkan Script dibawah ini pada kotak HTML.

 ... <style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,center 60,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>

<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://andrieadzkia.blogspot.co.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div> ... 

CATT : Ganti Tulisan yang berwarna http://andrieadzkia.blogspot.co.id dengan URL blog kamu.
6. Lalu masuk lagi ke mode Compose dan daftar isi telah jadi
7. Jangan Lupa Beri Judul dengan nama Sitemap atau Daftar isi atau terserah kamu.
8. Klik Publikasikan.

     Itulah artikel tentang Buat Halaman Daftar isi Keren dan Responsive.Semoga Artikel ini bermanfaat dan apabila ada kebingungan silahkan kamu berkomentar dibawah.