Membuat Navigasi Next Menjadi Angka pada Blog

Hallow sobat bloggers, baru beberapa hari yang lalu Kaka-jR menemukan artikel yang benar-benar ane cari. Adalah bagaimana cara membuat halaman berurut 123 / page 123 navigation untuk blog di blogger/blogspot.
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 != &quot;item&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://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 + &quot;?&amp;max-results=5&quot;'

Sekarang, simpan templates anda, dan anda bisa lihat hasilnya sekarang

Okey sekian dulu Tutorial Cara membuat Navigasi Next menjadi Angka, semoga bermanfaat ya sob...


Share:

3 comments

  1. kenapa ngk mau,please bantuin dong ne blog ane http://top10informasi.blogspot.com

    ReplyDelete
  2. @Top 10 Informasibantuin apa?
    perasaan ente lom pernah mnta bantuan apa" deh sob, so apa yg bz saya bantu?:P

    ReplyDelete
  3. Mantap tutorialnya http://pengaspalan.blogspot.com

    ReplyDelete