Home / Blog / Merubah Postingan Lama / Baru Dengan Angka

Merubah Postingan Lama / Baru Dengan Angka

Posted by Naufal Ammar Sabtu, 23 Maret 2013 2 komentar

Di template original Blogger sebenarnya sudah terdapat page navigasi di bawah postingan ( old post dan Never post ), tapi tampilanya kurang menarik. Tampilan tersebut bisa kita rubah dengan menggunakan angka, tetapi fungsinya tetap sama, caranya hanya dengan memasukan beberapa kode di templatenya. Jika sobat tertarik, maka ikutilah turtorial saya di bawah ini...
1. Login.
2. Masuk ke Template > Edit HTML > centang Expand Template Widget.
3 Search ]]></b:skin> (tekan F3)
4. Pastekan CSS di bawah ini diatas ]]></b:skin>

/* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #000000;background:#000000;color:#FFFF00;border:1px solid #FFFF00}
.showpageOf{margin:0 8px 0 0;color:#FFFF00;font:15px Arial,Verdana}
.showpageNum a:hover{color:#FFFF00;background:#FFFF00;border:1px solid #000000}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#FFFF00}
.showpagePoint{color:#000000;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #FFFF00;background#FFFF00;text-decoration:none}

5. Search </body> (gunakan F3)
6. Pastekan CSS berikut ini di atas </body>

<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord ='« ';
var downPageWord =' »';
</script>
<script src='http://u-sup.googlecode.com/files/page_num.js' type='text/javascript'/>

7. Klik Simpan Template, dan silahkan lihat hasilnya

Keterangan :
Perhatikan pada kode yang dicetak Merah itu dapat anda sesuaikan dengan keingin anda kode tersebutlah yang menentukan berapa jumlah posting yang akan ditampilkan pada setiap halamannya,

var pageCount=4;

var displayPageNum=4;

Dan untuk merubah Tampilan silahkan rubah kode CSSnya sesuai dengan selera anda, jika merasa tampilannya kurang cantik menurut anda

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Merubah Postingan Lama / Baru Dengan Angka
Ditulis oleh Naufal Ammar
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://nsfreehack.blogspot.com/2013/03/sebenarnya-sudah-terdapat-page-navigasi.html. Terima kasih sudah singgah membaca artikel ini.

2 komentar:

Anonim26 Maret 2013 pukul 21.31
keren gan infonya :rolled:
BalasHapus
Balasan

WARNING !

Komentar Anda Tidak Boleh Mengandung Unsur :

1. Penghinaan Atau Pelecehan Pada Blog Ini.
2. Spaming ( Komentar SPAM )
3. Link Aktif,dsb

Mohon Maaf Jika Anda Melanggar Peraturan Maka Komentar Anda Tidak Akan Ditamplikan