Mengubah Navigasi/Keterangan Halaman Menjadi Angka

Teman-teman pasti pernah melihat keterangan pada bagian paling bawah suatu blog, yaitu "Posting Lama" dan "Posting Lebih Baru" atau dalam bahasa inggris "Newer Post" dan "Older Post".

Nah, sekarang saya mau share ke temen-temen caranya mengubah navigasi/keterangan seperti itu kedalam angka seperti ini :

Yaudah sekarang kita langsung aja ke langkah-langkah nya yuk :)

• Pilih menu Template lalu pilih Edit HTML kemudian pilih Procced.
• Setelah itu cari kode ini : ]]></b:skin> (biar lebih gampang mencari tekan ctrl+F). Setelah ketemu letakkan (copy+paste) script dibawah ini sebelum kode tersebut.

.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;

}

• Setelah itu cari kode ini: </body> kemudian letakkan script dibawah ini sebelum kode tersebut.

<!--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 pilih Save Template atau Simpan Template. Selesai :D

Sekian dan terima kasih, semoga bermanfaat :)

Best regards

Sumber