Nah, buat sobat yang bingung atau penasaran dengan yang ane maksud bisa lihat contoh gambarnya di bawah ini.
Bagaimana? Apa sobat bloggers tertarik dan ingin membuatnya?
Okey biar ane jabarkan cara membuat halaman 123 berurut ini.
Langkah Cara Membuat Page Navigasi Angka / Number 123dst pada Blog.
Pertama, pergilah ke dashboard blogger sobat, selanjutnya, pilih Tata letak --> Edit HTML.
Seperti biasa, contreng option Expand widget templates, selanjutnya cari kode berikut:
]]></b:skin>
Setelah ketemu,letakkan persis di atasnya kode css di bawah ini:
.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;}
Lalu,cari lagi kode seperti ini: </body> Jika sudah ketemu, tepat di atasnya letakkan script di bawah ini:
<b:if cond='data:blog.pageType != "item"'><script type='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord ='Previous';var downPageWord ='Next';</script><script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/></b:if>
Langkah terakhir, carilah kode berikut (copi semua dengan tanda petik):'data:label.url'
Jika sudah ketemu, hapus kode tersebut dan gantilah kode berikut (copi semua dengan tanda petik):'data:label.url + "?&max-results=5"'
Sekarang, simpan templates anda, dan anda bisa lihat hasilnya sekarang
Okey sekian dulu Tutorial Cara membuat Navigasi Next menjadi Angka, semoga bermanfaat ya sob...
