Membuat page number pada Blog

Minggu, 02 Oktober 2011

Pada kesempatan kali ini pelajar-goblok kembali berbagi, dan semoga bermanfaat bagi Anda, Ingin page number blog anda seperti gambar diatas? nah ikuti langkah langkah berikut ini

Pertama Loggin Blogger --> Dashboard --> Design --> Edit HTML ( Jangan lupa centang Expand )

Kedua Cari kode </body> setelah ketemu kode tersebut letak kan kode dibawah ini diatas kode </body> tersebut

<style>

    .showpageArea {
      font-family:verdana,arial,helvetica;
      color: #000;
      font-size:11px;
      margin:10px;
      }

    .showpageArea a {
      color: #000;
      text-shadow:0 1px 2px #fff;
        font-weight: 700;
      }

    .showpageNum a {
      padding: 3px 8px;
      margin:0 4px;
      text-decoration: none;
      border:0px solid #919106;

      }

    .showpageNum a:hover {
      border:0px solid #aeae0a;
      background: # url() 0 -25px repeat-x;
      }

    .showpageOf{
      margin:0 8px 0 0;
      }

    .showpagePoint {
      color:#000000;
      text-shadow:0 1px 2px #333;
      padding: 3px 8px;
      margin: 2px;
      font-weight: 700;
      -webkit-border-radius:3px;-moz-border-radius:0px;
      border:0px solid #919106;
      background: # url() 0 0 repeat-x;
      text-decoration: none;
      }
    </style>
    <script type='text/javascript'>
    var home_page="/";
    var urlactivepage=location.href;
    var postperpage=4;
    var numshowpage=3;
    var upPageWord ='Prev';
    var downPageWord ='Next';
    </script>
    <script src='http://js-pagenav.googlecode.com/files/pagenav.js' type='text/javascript'/>