Membuat Navigasi Halaman

DEMO HTMLDOWNLOAD

Terimakasih buat sahabat Blogger yang baru mengunjungi TBA Network ini, pada kesempatan kali ini saya akan menjelaskan bagaimana membuat sebuah Page Navigation atau Navigasi Halaman.


Langkah-Langkah membuatnya :
1. Login ke Akun Blogger anda
2. Masuk ke

3. Setelah itu, Expand XML anda

4. Cari kode ini ]]></b:skin>
Gunakan Pencarian (Ctrl+F)
5.Setelah itu, Paste kode dibawah ini diatas ]]></b:skin>

/* Page Navigation styles */
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}

6. Setelah itu, cari kode ini </body>

<!--Page Navigation Starts-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://tbanetwork.googlecode.com/files/TBA-PageNavigation.js' type='text/javascript'/>
<!--Page Navigation Ends -->

7. Setelah itu

<a href="http://afridho.blogspot.com/2010/07/membuat-navigasi-halaman-1.html">Membuat Navigasi Halaman</a>