Cara Buat Daftar Isi Urangkurai II , Update Terbaru

CaraBuat Daftar Isi Urangkurai II , Update Terbaru 



Cara Buat Daftar Isi Urangkurai II , Update TerbaruSobat bloggers , kembali saya bagi tips dan trik blogger blogspot . Sobat , pasti di blognya masing-masing sudah ada yang namanya SITEMAP/Daftar Isi kan? Nah, pada kali ini saya memberikan tips terbaru membuat daftar isi .
Apa sih tujuannya ? Pasti sobat sudah tau kan? Selain membuat blog kita terlihat INDAH,CANTIK,KEREN(apalagi yah..) ini juga berpengaruh pada tingkat “BETAH” para pengunjung blog sobat .



 Sebelumnya saya sudah share tips membuat daftar isi pada kesempatan awal . Jika sobat ingin mencobanya juga , silahakan sobat baca disini http://anaktimor-17.blogspot.com/2012/03/cara-membuat-daftar-isi-sitemap-blog.html  .
            Maka pada kesempatan ke-II ini , saya bagi cara membuat daftar isi urangkurai(maaf saya juga tidak paham apa artinya) . Jadi buat blogger mania di seantero Indonesia dan dunia , yang pengen coba silahkan ikuti langkah-langkah di bawah ini . PASTIKAN TIPS TERLENGKAP BLOGGER BLOGSPOT HANYA DISINI!!


1.      Login kea kun 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/AVvXsEjOv2tMdgkTsvGlFIoQ0a31Vf3dxt5czP7o9nzHzjVLZlMaduiU4KVp00RH7PANU_E3QGAZdpELEtwebPasILkediz9HJoc33FUDCPWdLklMvEU0StBhZYh7oyJZ_YZpkssXRsxgDj9HxI/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/AVvXsEgko2x-CX0VeeuVzPj_v6PicT5oah-TFx9NtvKJQf-LGeLIpb46HJqDqN1gr5jsOgsSADEum8Dmiucd6ZP8RJFu7UJC2DFgN6HW066-PXKtNdWtepL2rZLgOifEjwRKlY9GY1oWfY5r3BQ/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/AVvXsEgLf8ij_TjmmL_GbeVlVP8qRERM81wKVFZESwSH8ihqOTxtcKl-lTnXkwR-gPBMOT0-72iYOIn29RKVKyEyD8YNqV51s1n2sXsX135zbU9pO_1PB6smxQtgSVoyOR_TKKUPEfeR2bf9bm8/s1600/nextprev.png);
         background-position:top center;
         background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
                  var jumlahposting = 18;
                  var urlblog = "http://anaktimor-17.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://anaktimor-17.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 image sobat . SEKIAN.

2 comments
  1. Unknown
    Keren gan sitemapnya..
    izin coba ahh..

    thanks gan..
  2. Unknown
    nice post.. :-bd