Cara Membuat Daftar Isi Keren Di Blog

wah ada daftar isi keren nih ak share lah ayo sobat blogger sedot aja ok langsung aja ya untuk menghemat waktu hehehehe

bagaimana? keren dan marik gk??? kalau menarik yah lebih baik kita langsung saja ke tutorialnya


1. Login Ke Blogger
2. Klik Buat Entri Baru ( Buat Postingan Baru )
3. Klik HTML lalu masukan kode dibawah ini


<style> #daftar-isi-body { width:760px!important; height:600px!important; padding:30px 40px; margin:0 auto; } #daftar-isi-wrap { margin: 0 auto; } .box-posting { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF8tdCWFYmPJtWsw7isXgDZONhk_hsNL1oTvjWjfTyuOIQ0_o3fyVFq1tMF8X21ICo9pww-VAZhgLOID_wL77xVbIB9a9E7VnBJUlBBKCryyXssu66X6fYDpdKxKr48k886uIGjnZ54dU/s1600/bg-box.png); background-position:bottom center; background-repeat:no-repeat; overflow:hidden; cursor:pointer; float:left; height:140px; width:248px; margin:-50px 0 0 0; } .box-posting img { height:46px; width:46px; float:left; margin:20px 0 0 25px; background-color:#2E0700; border:1px solid #2E0700; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 50%; } .box-posting .judul-posting { float:left; height:35px; margin:0; width:220px; } .box-posting .judul-posting a { font-family:arial,Serif !important; color:#774A34!important; text-shadow:0 0 1px rgba(0,0,0,0.9); margin:-40px 0 0 80px; display:block; font-size:13px !important; line-height:18px!important; font-weight:bold !important; } .box-posting .judul-posting a:hover { color:#333!important; } .box-posting:hover { border-left-color:#C6EB04; } #totales { text-align:center; color:#774A34 !important; text-shadow:0 1px rgba(0,0,0,0.2); } #loadingscript { color:#444; font-family:Century Gothic; font-size:100px; letter-spacing:-10px; text-align:center; text-shadow:-5px 0 1px #444; } #paginacion { color:#BBB; font-size:24px; font-weight:bold; height:35px; line-height:28px; padding:0; margin:0 auto; text-align:center; } #paginacion span,#paginacion a { display:inline-block; font-size:13px !important; line-height:24px; font-weight:bold; margin:0 1px; width:25px; height:25px; } #paginacion a, #paginacion span.actual { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIQgdj-ATNEWovVohCzg1HcbI-JaE81mof65bO-9PeUWbaAIDrwi24lb4eb_2-dJ9C5MUVEh1jQfbg3m4ztpJ8OCCyjzclbRvzUv0BZnpicOG5H8NTrZbxArV-8SeJnK7iU1MdcIuQaKU/s1600/page-link.png); background-position:top center; background-repeat:no-repeat; color:#250700 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.1); } #paginacion span.actual { color:#774A34 !important; } #paginacion a:hover { color:#FFF !important; } #paginacion .nextprev-link, #paginacion span.nextprev-link { border:none; color:#250700 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.1); width:100px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYBn45j2K3gw9Kgn8eh5THbVpGycxLzGD3h_pRpomBB_oAwso9FJWD5SaSeQ5J5hcry6wCx_H1awQB8Ppm214m3SXGPnDHxCsQSyVnaUmc8zzwi3gGPa6waji_-4V3Q0LtlfwLmzU1Lbs/s1600/nextprev.png); background-position:top center; background-repeat:no-repeat; } </style><br /> <script type="text/javascript"> var jumlahposting = 18; var urlblog = "http://indraahmadrobani.blogspot.com/"; var minpaginas = 5; var maxpaginas = 10; var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG"; </script><br /> <script language="javascript" src="http://hanjs.googlecode.com/files/sitemaps.js"></script><br />

4. Publikasikan, dan selesai


Tambaha
ganti url ini  http://indraahmadrobani.blogspot.com/  dengan url anda