Tips Mengganti Older Post Atau Newer Post Menjadi Angka

Ping your blog, website, or RSS feed for Free Print Friendly and PDF
Tips mengganti older post atau newer post menjadi angka

Bagaimana cara mengganti older post atau newer post menjadi angka? Pertanyaan tersebut sering timbul dalam pikiran kita. Navigasi bawaan blogspot secara umum untuk pindah halaman biasanya menggunakan nama "Older post" dan "newer post". Berbeda dengan wordpress yang berbentuk angka sehinggan memudahkan kita pindah halaman tanpa harus secara berurutan tetapi bisa dengan loncat sesuai dengan angka yang kita inginkan.
Nah dalam tulisan ini penulis mencoba untuk memberikan Tips mengganti older post atau newer post menjadi angka seperti contoh gambar dibawah ini :







1. Langkah awal yang harus anda lakukan adalah anda masuk ke Template yang anda miliki kemudian "EDIT HTML"

2. Setelah itu cari kode 
    ]]></b:skin>
    untuk memudahkan pencarian anda dapat menekan tombol  ctrl + F kemudian copykan kode / script dibawah ini sebelum kode  ]]></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;
}

3. Setelah itu cari kode </body> dan copykan kode/script di bawah ini sebelum kode </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://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->


Setelah itu lihat hasilnya. demikianlah Tips Mengganti Older Post Atau Newer Post Menjadi Angka semoga bermanfaat bagi para pembaca secalian.






No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...