Membuat Daftar isi II urangkurai

Menemani sobat blogger yang suka mengutak atik blog agar kelihatan Ganteng, DeeJayHan kembali hadir dalam acara dan Gelombang Daftar Isi.

Setelah beberapa hari lalu kita membahas berbagai cara membuat Daftar Isi blog yang keren antara lain :

Kini saatnya kita buat lagi Daftar Isi, Berikut cara pasang di blog : Cek View Demo Dulu

Pertama

Klik + +

Kedua Masukkan HTML di bawah ini ke EDIT HTML di dalam postingan

<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/AVvXsEiYm1WeiJWBCW3WwV39fjigvmDpmeBl4prVLXoCWh2v-nJ0a8WueLyCxAMwxKuWp7KF-7WeJgwyDfSCU69I4lcUz7Z67B2aaXX9i9br3yC1J-XolPUCQhUjHIp069ovzInyUcuPt6hRPGo/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/AVvXsEgjBU13nwUYgK5ev27_8SaMrIKnixSpb8aAHFo90T7XOlOnYJBpzi_KAHbr9wgo875bJwVdgM9VvLss2D-1cX7-1ek715QOOsHKL-EtejJKGZJSO-o-pH70sRQG-FrSgFF6VZuZVsKYpaE/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/AVvXsEixXrYeblSl0i6wgsAjX7slKnrO3bJ2b9LtLtqEMNi_FbK7pQE08wDkJVubyXm240skEY62PeZrxcnxOyhhQ_4WG0MyRhqODet9-dPwce7ua1DH9y-Qghag-m08MVCkr4jyAo0di8vleCg/s1600/nextprev.png);

background-position:top center;

background-repeat:no-repeat;

}

</style>

<script type="text/javascript">

var jumlahposting = 18;

var urlblog = "http://deejayhan.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>