Cara Buat Daftar Isi Urangkurai II , Update Terbaru
CaraBuat Daftar Isi Urangkurai II , Update Terbaru – Sobat 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/AVvXsEi-MAU4t-zXQJ5QCxkmNyctwEBpxn5sFP-E8OrqQ4chHZ9XExqQjqfpP43e0fN9_NNum9mQGQkeK6_78RUkmdgmOmc-wAn0yQo3PFJqCaoaKAzhC7ET312QfFNKP8UZjOmTLZg8iXwtg2I/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/AVvXsEhzfq6V3DIdjWa6_nJ7lSLQuMSE4Pwl6Pw2ZUaqVE4p1vNInGkCAANhPNgHQ6k2MRhvBxBOwf4wg4-taqKDCMo5TT382TSNCH7UkKxvKB4KjbepsrhX6pJB0524W2fTzOtHIFk6TBmUuSA/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/AVvXsEhGprlb_p-Q98Y2asdnKfCz7YgzdaA_FL6BimTiD7fGSgJr8yZl1lk2fKI1RPEbw-IWabZDfTu7bEe1ELLJKUbo7AyaQl7Hb9xBz6dRt2OC6BYPpDJtKiCZhMGf-7hZo4LEW83AKpJGi9Y/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>
#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/AVvXsEi-MAU4t-zXQJ5QCxkmNyctwEBpxn5sFP-E8OrqQ4chHZ9XExqQjqfpP43e0fN9_NNum9mQGQkeK6_78RUkmdgmOmc-wAn0yQo3PFJqCaoaKAzhC7ET312QfFNKP8UZjOmTLZg8iXwtg2I/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/AVvXsEhzfq6V3DIdjWa6_nJ7lSLQuMSE4Pwl6Pw2ZUaqVE4p1vNInGkCAANhPNgHQ6k2MRhvBxBOwf4wg4-taqKDCMo5TT382TSNCH7UkKxvKB4KjbepsrhX6pJB0524W2fTzOtHIFk6TBmUuSA/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/AVvXsEhGprlb_p-Q98Y2asdnKfCz7YgzdaA_FL6BimTiD7fGSgJr8yZl1lk2fKI1RPEbw-IWabZDfTu7bEe1ELLJKUbo7AyaQl7Hb9xBz6dRt2OC6BYPpDJtKiCZhMGf-7hZo4LEW83AKpJGi9Y/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 tulisanhttp://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.
JIKA SOBAT ADALAH BLOGGER YANG BERETIKA , TOLONG BERIKAN KOMENTAR ANDA!!
Weitsss kok masih 0 komentar: