20.44
0

Cara Membuat Daftar Is Dengan Navigasi di Blog - Kali ini saya akan bagi tentang blog yaitu "Sitemap" atau "Daftar Isi" dengan Navigasi atau Page bernomor, yaudah yok kita capcus :

  • Masuk Blogger
  • Buat Laman atau Pos Entri
  • Bagian Pos atau Laman klik bagian HTML bukan Compose
  • Lalu Masukan kode dibawah ini :
<div dir="ltr" style="text-align: left;">
<style>
.rbbox { display:none !important; }#comments { display:none !important; }div.dafis-label a{ display:none !important; } div.admin-tulisan { display:none !important; } span.post-labels { display:none !important; }
h2 {width:100%;height:auto;font:150%;text-align:center;background: rgb(55,163,209); /* Old browsers */
background: -moz-linear-gradient(top, rgba(55,163,209,1) 3%, rgba(40,130,172,1) 45%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(55,163,209,1)), color-stop(45%,rgba(40,130,172,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(55,163,209,1) 3%,rgba(40,130,172,1) 45%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(55,163,209,1) 3%,rgba(40,130,172,1) 45%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(55,163,209,1) 3%,rgba(40,130,172,1) 45%); /* IE10+ */
background: linear-gradient(to bottom, rgba(55,163,209,1) 3%,rgba(40,130,172,1) 45%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9EE21', endColorstr='#2882ac',GradientType=0 ); /* IE6-9 */repeat-x #EDEDED;-moz-border-radius-topleft: 13px;
::-moz-border-radius-topright: 13px;
::-webkit-border-top-left-radius: 13px;
::-webkit-border-top-right-radius: 13px;box-shadow:0 0 4px 0 #383737;}
div.tulisan{display:none;}
#blog-pager { display:none !important; }
#sidebar-wrapper {width:0px; display:none;}
#main-wrapper {
float:left;
margin:0;padding:0 5px 0 10px;
overflow:hidden;
width:99.5%;
text-align: justify;
word-wrap:break-word;
}
#daftar-isi-body
{
         width:100%!important;
         height:400px!important;;
         padding:0 auto;
         margin:0 auto;
}
 #daftar-isi-wrap
{
         margin: 0 auto;
}
 .box-posting
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj50wrzmpuFIkr5wGHyax9H8_FGZI6D-A370WDGvd6EqDZiK4yrlVrVX4-RhmhO2QkbzJPoaOQ4zzBTAP0GhJ9px-gzbOsGEJurWnuUj9-eTNDywXap0GFmRnVQKP9L9DhltcWP-6D3xDU/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:#75CB0B;
         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/AVvXsEhryi0lRxuQcHxoBT73Qyk280nbwFbaS_aiKNVWgCPta5l1ABJMn2vLkk5lB1Ck-Xt0mCTaxveK69yI3JDti_jipj8rLNQGDmpkBUgkjrPuk4lZ1_yOrR6QSIhOoMY0CjJFJaQbUFEzn54/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/AVvXsEhc0iW822P0ycG5dlmZTLehNxfKVux0vjtlz293JHvVuwzEobyme0GNtorBkq29ZXuUsfSMdorbnu6Ii4mc7tKd-AzqKznXdmWOgRf3lVnXSqnSURl1ydHV68U4-vcS792NH-eqslNuZvs/s1600/nextprev.png);
         background-position:top center;
         background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
                  var jumlahposting = 9;  /*Jumlah Posting/Halaman */
                  var urlblog = "http://tankrank-city.blogspot.com";
                  var minpaginas = 5;
                  var maxpaginas = 10;
                  var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG";
                                           
</script>
<div id="perhatian-cok" style="position: fixed; top: 75px; left: -225px; width: 600px; padding: 10px; font-size: 24px; text-align: center; color: rgb(255, 255, 255); font-family: 'trebuchet ms', verdana, arial, sans-serif;transform: rotate(-45deg);transform-origin: 50% 0px;-o-transform: rotate(-45deg); -o-transform-origin: 50% 0px;-moz-transform: rotate(-45deg); -moz-transform-origin: 50% 0px; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 50% 0px; background-color: rgb(0, 0, 0); border: 1px solid rgb(170, 170, 170); z-index: 9999; opacity: 0.5;">
Sitemap</div>
<script language="javascript" src="http://hanjs.googlecode.com/files/sitemaps.js">
</script></div>
<script type="text/javascript">createSummaryAndThumb("summary1537757422313146639");</script>
Keterangan :
  1. Ganti angka yang berwarna kuning dengan jumlah yang anda mau
  2. Ganti kode yang berwarna merah dengan URL blog anda
  3. Ganti kode yang berwarna ungu dengan kode sidebar CSS sesuai dengan blog anda , jika sudah sama tidak usah diganti
disemua blog berbeda beda kadang ada "#sidebar-wrapper , #rsidebar-wrapper, #right-sidebar dsb
Kode diatas masih ada yang salah , mungkin yang disana bisa memperbaikinya lagi :) karena disini lgi lemot
Semoga artikel kali ini Bermanfaat.

0 komentar:

Posting Komentar