Cara membuat sitemap atau daftar isi keren ringan sangat di blog
1. Buka blogger.com.
2. Masuk dengan akun sobat.
3. Pilih Laman, kemudian pilih Laman kosong
4. Setelah itu Pilih HTML disamping Compose
5. Kemudian copy dan pastekan script di bawah ini :
<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP_ue4R0BYdUm8X2-4djN3IvrBeeh7jw9-NB5ce_vlReso7r2Fc7VRphp2EhL_wWvsJbH_NZISxRMmBryFRzjEcY3UzqBaVTOUBjrxA2yDpyaits7yjIezkVEIdR8hK2a89IqQDTsj5yM/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjJK_Hwg9m3C-TZR7LJAGtCSLnA_qwewvJnOvG9HaYsthgoK-e8htQm1ZlOrS83iAhuv2Ds9ncCr26jL7ghzoaobiZlcFfxwQABk3LEaPnEictuuiECIq7rBa6zaxk-Qxcxf3fEtcoBVI/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidz_N_tMO6I5pPcnnKIOYRTo9mEC81mQIpvtn-46AmxzEeue53kXlUO0eFVBVcy1GXdoHY9_nGP6N-Y04XabGbIlA3gcPuUSeKKxC-HSbw5mdP3RJJYzJ0Jf3vHi0Tsd6-t1HrsgnU4JE/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ilmu-blog.googlecode.com/files/sitemap.js" type="text/javascript"></script><script src="http://jahetbungas.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP_ue4R0BYdUm8X2-4djN3IvrBeeh7jw9-NB5ce_vlReso7r2Fc7VRphp2EhL_wWvsJbH_NZISxRMmBryFRzjEcY3UzqBaVTOUBjrxA2yDpyaits7yjIezkVEIdR8hK2a89IqQDTsj5yM/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjJK_Hwg9m3C-TZR7LJAGtCSLnA_qwewvJnOvG9HaYsthgoK-e8htQm1ZlOrS83iAhuv2Ds9ncCr26jL7ghzoaobiZlcFfxwQABk3LEaPnEictuuiECIq7rBa6zaxk-Qxcxf3fEtcoBVI/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidz_N_tMO6I5pPcnnKIOYRTo9mEC81mQIpvtn-46AmxzEeue53kXlUO0eFVBVcy1GXdoHY9_nGP6N-Y04XabGbIlA3gcPuUSeKKxC-HSbw5mdP3RJJYzJ0Jf3vHi0Tsd6-t1HrsgnU4JE/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ilmu-blog.googlecode.com/files/sitemap.js" type="text/javascript"></script><script src="http://jahetbungas.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>
Keterangan : Gantilah yang berwarna merah dengan URL blog sobat
