 |
| Original Images SirauNews.com |
Cara Membuat Daftar Isi Keren Di Blog - Selamat malam sobat, kali ini ipul mau kasih tutorial
Daftar Isi Keren Di Blog.
Tutorial ini mudah sekali namun hasilnya itu keren sekali, daftar isi
itu banyak fungsinya mulai dari visitor agar betah dan bisa memilih
sendiri berita yang ingin dibaca dll, yuk ga usah banyak cingcong
langsung disimak aja....
- Cara Membuat Daftar Isi Keren Di Blog :
- Login ke blogger.com
- Klik New Entri / Membuat Postingan
- Klik EDIT HTML di sebelah Compose
- Masukkan Kode Dibawah ini :
<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/AVvXsEgAV1uu0Db4fncoVDAE3tiQL8Ah-IINVjhIKb7kHThbGlvOXifJMB9S2unw-d6f6YtLWISAAHNdTUhpYjzHI6oEPDcsPNQtcAueZ1G_Bk_TrbzmRqqA2fvnZuBStmQmBEiSROeWlcIMmGM/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/AVvXsEgNRAGyK0e0E8EeBwgFuntkvGJZa62nyBu9BthOG2axOECbd589VGFmA-cLmTyjH9gC2icdR0x_15z2t9mnUHEU05WLsdHge9Ld6-IW9f7tt0nqmWr3Qlg4fYMr68c6gYVXYp4TLlO95mw/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/AVvXsEiV6fo8J5ZV45ozNcZGXBCSShH00tHRL4A_vMcFLPp0T0TgXCIpDqFZX4GpSBVuFflDbtnJQ732rLxvZHZfkv3vJLHq_aoGBlmjWBHmsn_BHOZqeN9X0z6smdXo-ZclaSYZ7E__wdLGW2E/s1600/nextprev.png);
background-position:top center;
background-repeat:no-repeat;
}
</style><br />
<script type="text/javascript">
var jumlahposting = 18;
var urlblog = "http://apa-nyari.blogspot.com/";
var minpaginas = 5;
var maxpaginas = 10;
var thumbs =
"http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG";
</script><br
/>
<script language="javascript"
src="http://hanjs.googlecode.com/files/sitemaps.js"></script><br
/>
- Terakhir ganti http://apa-nyari.blogspot.com/ dengan URL blog anda...
- Lalu Publikasikan..
Semoga bermanfaat....
