Cara Membuat daftar isi Urangkurai

ArtikelBebas

Salam sejahtera untuk kalian semua kali ini Indonesia Bisa Berbagi akan kembali berbagai tentang tips dan trik blogger. sahabat blogger  pasti sudah tau tentang  SITEMAP/Daftar Isi kan? Nah, pada kali ini saya memberikan tips terbaru membuat daftar isi .

daftar blog ini seperti blog teman saya Admin Indonesia Bisa Berbagi, dan saya terinspirasi dari blog dia makanya saya post tips ini untuk kalian_kalian semua !



langsung saja ikuti tutorial ini dengan benar !!

1.      Login ke akun blogger sobat > Laman > Laman Baru >

2.      Pada laman baru , Sobat pilih Edit HTML (Bukan COMPOSE) .

3.      Nah , sekarang sobat copy dan pastekan tepat di bagian Edit HTML .

<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/AVvXsEig7_K1WrWi-89N8rijXDbwxw3eeP8oCflsvHYJwApEQssxj8ybUx0l-UJoXv3tb0sIW2XNQGGErKnPz-3XWaNWjaL1hlvl5QVHFNmx5tXCpqrDin9qkLpuUzcXIv4tCDVX-ukfhAe8qLw/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/AVvXsEi46d1UwSzcnAPVjWsNtyFuEvWLzTNx-je2u1XM5-D5wmWVyw3n_ksoEaGwFRVEHumDeL9r5E0PMxAo-JhQw_XDXWYc6kjTuouoscbATyle3_lMReLvyvXMfMaBZ49wNQI7YjcGErDugFw/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/AVvXsEhyj8UtOFMHIQtEVdXRGfYClEKWxoQaiDRWdTYZT6k2Sm7pPkuO77szjOa57Ldn7WO9ukMUdjDLAX7SlYUbjxR217BMTxdZuBg40RaLnY1V6oLn9oDZbiKkebqrckj1uG6wu4G1H8E4eOk/s1600/nextprev.png);
         background-position:top center;
         background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
                  var jumlahposting = 18;
                  var urlblog = "http://indonesiabisaberbagi.blogspot.com";
                  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>

4.Selesai .

NB:

Sobat ganti tulisan http://indonesiabisaberbagi.blogspot.com dengan URL sobat . Sobat juga bisa mengganti bacgroundnya dengan mnggantikan alamat ini http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG  dengan gambar sobat .

cukup smpai disini tutorial yang saya berikan kepada sobat2 semuanya !!
kalau ada yang kurang jelas bisa anda tanya langsung ke saya melalui koment dibagian bawah !!