(Blogger) Cara Menggantikan “Older Posts” & "Newer Posts Dengan Angka

Pada kebiasaannya setiap halaman di blogspot menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Berbeza dengan wordpress yang berbentuk angka serta memudahkan para pembaca untuk melompat beberapa halaman kehadapan atau kebelakang.Tips kali ini akan menjelaskan bagaimana untuk menggantikan link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini.

1. Pergi ke Template --> Edit HTML -->Proceed.

2. Tanda pada kotak Expand Widget Templates.

3. Click Ctrl+F dan cari kod ini ]]></b:skin>.

4. Letakkan Script dibawah sebelum kod diatas.

.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 kod ini </body> kemudian letak script dibawah ini sebelum kod 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 -->

6. Siap.Anda Boleh Preview.Jika OK sila Klik Save dan Close.