Cara Membuat Navigasi Page Keren

Tweet

Step :

1. Login Ke Blogger
2. Lansung menuju Rancangan >> Edi HTML
3. Centang pada kotak Expand template widget
4. Cari kode  ]]></b:skin> agar lebih cepat gunakan CTRL+F jika sudah ketemu letakkan kode di bawah ini tepat di atas kode  ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 2px solid darkred;
margin:0 3px;
padding:3px;
-moz-border-radius-topleft:8px;
-moz-border-radius-bottomright:8px;-o-border-radius-bottomright:8px;-o-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px;
}
.showpageNum a:hover {
border: 2px solid orange;
background:red;
-moz-border-radius-topleft:8px; -moz-border-radius-bottomright:8px;-o-border-radius-bottomright:8px;-o-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px;}

.showpagePoint {
color:gold;
text-decoration:none;
-moz-border-radius-topleft:8px; -moz-border-radius-bottomright:8px;-o-border-radius-bottomright:8px;-o-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px;
border: 2px solid darkorange;
background: red;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
-moz-border-radius-topleft:8px; -moz-border-radius-bottomright:8px;-o-border-radius-bottomright:8px;-o-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px;border: 2px solid darkred;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
background:red;
-moz-border-radius-topleft:8px; -moz-border-radius-bottomright:8px;-o-border-radius-bottomright:8px;-o-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px;
border: 2px solid orange;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:thistle;
}

5. Setelah itu cari code </body> dan letakkan kode dibwah ini tepat diatasnya

<!--Page Navigation Starts-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=5;
var upPageWord =&#39;Prev&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://iecky-gakure-pagenumber.googlecode.com/files/IeckyGakure-pagenumber.txt' type='text/javascript'/>
<!--Page Navigation Ends -->

6. Klik Save Template

7. Klik LIKE and SHARE

Semoga berhasil

Sumber : Kediri Hacker

Posted in: Tutorial Blog