Cara Buat Page Number Pada Blog bagian Bawah

Setelah sebelumnya menshare modifikasi posting lama, baru dan beranda menjadi gambar 

nah untuk sekarang saya akan membahas tentang Cara Merubah/Mengganti Link/Tulisan Beranda, Posting Baru dan Lama Menjadi Angka di Blog. 

Fungsi merubah-nya menjadi page number, agar pengunjung lebih leluasa menjelajahi artikel kita dengan meloncati laman-laman selanjutnya.

Bagi anda yang tertarik ingin membuat-nya silahkan simak tutorial-nya

Berikut Cara-nya: 

1.Masuk ke Dashboard

2.Template » Edit HTML » Centang Expand Template Widget

3.Tekan Ctrl+F lalu cari kode ]]></b:skin>

4.Copy kode dibawah ini dan paste diatas ]]></b:skin>

.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.Setelah itu cari kode </body>
6.Copy kode dibawah ini dan paste diatas </body> 

<!--Page Navigation Starts-->
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&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://hienzo.googlecode.com/files/page.js.htm' type='text/javascript'/>
    </b:if> </b:if>
    <!--Page Navigation Ends -->

7.Simpan Template dan lihat hasilnya :D

Share this post