» » Cara Mengganti Newer dan Older post di blog dengan Navigasi Angka

Cara Mengganti Newer dan Older post di blog dengan Navigasi Angka

Ditulis oleh: -
Selamat malam sobat blogger semua !!! Mungkin diantara kalian pasti pernah berkunjung ke suatu situs dan melihat navigasi newer post dan older post-nya bermodel form angka. Nah... pada kesempatan kali ini, aq akan memberi tips Untuk Mengganti Navigasi Newer - Older post dengan Angka. Silahkan sobat mengikuti langkah - langkah berikut ini :
  • Login ke Blogger.com => Template => Edit HTML
  • Cari kode ]]></b:skin> ( tekan Ctrl + F untuk memudahkan pencarian ), lalu copy kode dibawah ini, kemudian paste tepat di atas kode ]]></b:skin> :

.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898}.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}.showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262}.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none}
  • Selanjutnya, sobat cari kode </body> dan letakkan kode di bawah ini tepat di atas kode </body> :

<script type='text/javascript'>var pageCount=4;var displayPageNum=4;var upPageWord =&#39;&#171; &#39;;var downPageWord =&#39; &#187;&#39;;</script><script src='http://project-goez.googlecode.com/files/Page%20number.js' type='text/javascript'/>
  • Lalu sobat Klik Simpan Template.
Hasilnya akan seperti gambar dibawah ini :
Number Navigation

  • Catatan : Untuk mengubah tampilan kotak pada navigasi seperti pada gambar diatas, sobat hanya tinggal menambah atau mengurangi angka yang terdapat pada kode di bawah ini :

  1. var pageCount=4;
  2. var displayPageNum=4;


Selesai,  sekian pembahasan ku kali ini tentang Cara Mengganti Newer dan Older post di blog dengan navigasi angka, semoga bermanfaat. :)

Ditulis Oleh : Unknown ~ Tips and Trick, Download, Widget and Gadget, and Other Article

Fahrur Rozi18 Sobat sedang membaca artikel tentang Cara Mengganti Newer dan Older post di blog dengan Navigasi Angka. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terima kasih.

:: Get this widget ! ::

Artikel terkait :

0 komentar "Cara Mengganti Newer dan Older post di blog dengan Navigasi Angka", Baca atau Masukkan Komentar


Posting Komentar

Silahkan Menjalin Silaturahmi dengan Berkomentar
Harus diingat ! :
1. Dilarang berkomentar dengan Kata-kata Kasar/Kotor.
2. Dilarang berkomentar SPAM dan Memasang Link Aktif.
3. Komentar dengan Link Aktif akan dihapus sesegera mungkin.
4. Berkomentarlah sesuai Topik/Artikel.
5. Berkomentarlah dengan Sopan.
6. Sobat diperbolehkan Copy-Paste artikel namun jangan lupa untuk menyertakan link sumbernya.

Tulislah Setiap kata dengan penuh makna Kesopanan.
Salam dari saya FahrurRozi18.