Membuat Navigasi Halaman Bernomor

Dari sekian banyak tutorial membuat navigasi bernomor, rasanya hanya cara dibawah ini yang paling efektif, praktis dan bisa diterapkan pada template bawaan maupun template eksternal. Berikut langkah-langkahnya :

1. Login ke dashboard blogger anda
2. Klik Rancangan lanjut EDIT HTML
3. Cari kode ]]></b:skin>
4. Tambahkan kode berikut diatasnya

showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #cccccc;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #cccccc;

background-color:#cccccc;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #cccccc;

background: #cccccc;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #cccccc;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333333;

}

5. Kemudian cari kode </body>
6. Tambahkan kode berikut diatasnya

<!--Page Navigation Starts--> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends -->

7. Simpan template dan lihat hasilnya

Selamat mencoba...

Artikel Terkait Lainnya Seputar:

Posted in: seputar blog