Kali ini Saya akan memberitahu cara mengganti link Older Posts (posting lama) dan Newer Posts (posting baru) menjadi angka.
Biasanya navigasi berpindah halaman posting pada blog dengan CMS blogspot menggunakan link yang bertuliskan Older Posts (posting lama) dan Newer Posts (posting baru). Namun, berbeda dengan template yang disediakan untuk di-download yang sudah didesain dengan menggunakan navigasi angka. Bagi kalian yang template blognya belum ada navigasi angka, berikut ini cara membuatnya.

- Login ke blogger.com, jika sudah,
- Pilih Template → Edit HTML
- Cari kode ]]></b:skin> agar mudah mencari tekan (ctrl+f)
- Letakkan script di bawah ini di atas 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;}
- Setelah itu cari kode </body> kemudian letakkan script di bawah ini di atas kode </body>
<!--Page Navigation Starts--><b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'><script type='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord ='Previous';var downPageWord ='Next';</script><script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/></b:if> </b:if><!--Page Navigation Ends -->
- Cari kode 'data:label.url' kemudian ganti dengan kode di bawah ini.
'data:label.url + "?&max-results=5"'
- Simpan dan lihat hasilnya.
Itulah tutorial mengenai Cara Mengedit Tulisan Posting Sebelumnya Menjadi Angka di Blog. Semoga bermanfaat untuk kalian.
Tidak ada komentar:
Posting Komentar