Tutorial membuat page navigation

Senin, 19 Juli 2010

oke kali ini saya akan memberitahukan bagaimana cara membuat page navigation oke langsung saja ya
ini adalah gambar page navigation
Jika Anda ingin memasangnya untuk blog Anda, ikuti langkah-langkah berikut ini :

   1. Masuk kedalam Dasboard Blogger anda terus Layout > Edit HTML
   2. Jangan di ceklish atau centang "Expand Widget Templates"
   3. Cari Kode di bawah ini

      ]]></b:skin>

      dan ganti dengan kode di bawah ini




.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;
}
]]></b:skin>


Kemudian cari kode di bawah ini

</body>

dan ganti kode tadi dengan kode dibawah ini

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://akbaribnuabdillah.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/>
</b:if>
<!--Page Navigation Ends-->
</body>


Simpan pekerjaan Anda dan silakan lihat hasilnya, blog Anda sudah punya page navigation



Artikel Terkait:

0 comments:

Posting Komentar