Membuat Daftar Isi Baru

Hello Pengunjung Oktri Blog.., Ya, topik kali ini tentang membuat Daftar Isi baru karena pada postingan sebelumnya yaitu Cara Membuat Daftar Isi (Table of Contents) atau Sitemap di Blogger ala Abu Farhan
Okee, Lansung Saja ke intinya tapi sebelumnya  lihat demonya dulu disini.

Berikut ini Langkah langkah membuat daftar isi tersebut

1. Masuk ke account Blogger kamu, pilih "Posting" - "New Post","edit Html"
2. Kemudian isi judulnya dengan judul yang kamu inginkan, seperti "Daftar Isi" atau semacamnya,
3. Kemudian copy-paste kode di bawah ini didalam postingan/ enti :

<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/AVvXsEglSanp7m5hgeAJm8FsB1WqzlCbG9mv0AsMiapvGmXBj1-Y0Po2N7vtEs-d_YtDm_P_zDRkkcQ80mUPf_AjidnIxss8y2AmHtFMOguwSTmFfWey7-3BbF-FSBqXEmc2xEK6QlsoLulnsfw/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/AVvXsEjOEHSuZkzZvw2e48p-FLyL15eNAA6nLhOi7VCAPkLC41a0Or8drnUn1pDbrOmKxlU2zQ7g8NHXQGoxyUteiw-aZ6rW0f8jDjcrkSg-eLsy9w_QhrQjtxU4WHPMf1o_fi5jjHEjQKwDF5s/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/AVvXsEgVFL0TzPLjqhx2IoJ_7NAy4VLJWAwLlTAay8tmLiMF7zOWYyvQmQvVOIj1YnS_yek11ebAhN67_nIqC0FBBhiVSiPzUk2xVre2lwjFdQw4Xe_GZWMdpnWR7uzTt0LBqztpOWVJWFPVyCw/s1600/nextprev.png); background-position:top center; background-repeat:no-repeat; } </style> <script type="text/javascript"> var jumlahposting = 18; var urlblog = "http://www.oktri.co.cc"; var minpaginas = 5; var maxpaginas = 10; var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG"; </script> <script language="javascript" src="http://hanjs.googlecode.com/files/sitemaps.js"></script>

NB: tulisan merah dapat diganti alamat blog anda,Tinggi dan lebarnya dapat anda atur sendiri... Sekian Tutorial singkat

Artikel Terkait: