Oke sobbaat kali ini abdy bagi-bagi tips Cara Buat Daftar Isi dengan tampilan Baru.
yuk langsung ke cara buatnya
1. Login dulu ke akun blogger sobat
2. Copas kode dibawah ini di Entri
yuk langsung ke cara buatnya
1. Login dulu ke akun blogger sobat
2. Copas kode dibawah ini di Entri
<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/AVvXsEjXmoaxAnQvr_rsDfczbmTWY_fOPXxEiiTWjg6rOleR9RmBE0d-VilTXdwah6aRoOrO8Uo9-QhXbEfNcnX2F5YqbZWl2WjtLlDeiSV1v7g2J7M-tNRGNkMQDMsYhl64hHBes7D-BTaqcsE/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/AVvXsEhc6ufMJzaOi9oWxknDUN7ys4sEqx17Pv2SDtQi2R14IiAEOuUR_OIuWZ_eeSNwvFcp6guyQu5n_bbBjJso0kKoSd0ELFELn2zffglWZIz0Mp5JkOw-nOBjA0CzKvonhutg6QQ6IB45Ekg/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/AVvXsEjwBDCmBzC7s96THGIVKqg75UQoEfmwJtPIT3j9Fx5UJvWZIL2B_WZi5rkiSqRvYdaim70dMWKR4yowwbJV7S1nGxKwelCw56vKCXUN6_V7SwEyspRbjoSdxAarLsje5ge6kOJj0TNQkpI/s1600/nextprev.png);
background-position:top center;
background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
var jumlahposting = 18;
var urlblog = "http://abyabdy.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>
#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/AVvXsEjXmoaxAnQvr_rsDfczbmTWY_fOPXxEiiTWjg6rOleR9RmBE0d-VilTXdwah6aRoOrO8Uo9-QhXbEfNcnX2F5YqbZWl2WjtLlDeiSV1v7g2J7M-tNRGNkMQDMsYhl64hHBes7D-BTaqcsE/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/AVvXsEhc6ufMJzaOi9oWxknDUN7ys4sEqx17Pv2SDtQi2R14IiAEOuUR_OIuWZ_eeSNwvFcp6guyQu5n_bbBjJso0kKoSd0ELFELn2zffglWZIz0Mp5JkOw-nOBjA0CzKvonhutg6QQ6IB45Ekg/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/AVvXsEjwBDCmBzC7s96THGIVKqg75UQoEfmwJtPIT3j9Fx5UJvWZIL2B_WZi5rkiSqRvYdaim70dMWKR4yowwbJV7S1nGxKwelCw56vKCXUN6_V7SwEyspRbjoSdxAarLsje5ge6kOJj0TNQkpI/s1600/nextprev.png);
background-position:top center;
background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
var jumlahposting = 18;
var urlblog = "http://abyabdy.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>