Membuat Page Number-Navigasi Halaman

Membuat Page Number-Navigasi Halaman Blog khususnya blogspot.com :

  1. Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilih Rancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut: ]]>;
  2. Setelah ketemu, di atas kode ]]> letakkan kode 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;
    }
  3. Lalu cari lagi kode seperti ini: ;
  4. Jika sudah ketemu, di atas kode  letakkan script di bawah ini:

    var pageCount=5;
    var displayPageNum=5;
    var upPageWord ='Previous';
    var downPageWord ='Next';

  5. Selanjutnya carilah kode berikut ini : ‘data:label.url’;
  6. Hapus kode ini : ‘data:label.url’ dan gantilah dengan kode di bawah ini:
    ‘data:label.url + "?&max-results=5"’
  7. Terakhir Simpan Templates dan lihat hasilnya.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s