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=&quot;/&quot;;
    var urlactivepage=location.href;
    var postperpage=4;
    var numshowpage=3;
    var upPageWord =&#39;Prev&#39;;
    var downPageWord =&#39;Next&#39;;
    </script>
    <script src='http://js-pagenav.googlecode.com/files/pagenav.js' type='text/javascript'/>

Catatan :
Kode CSS bisa anda modifikasi sesuai keinginan anda, pastikan sesuai dengan warna template blog anda.

Ketiga Preview dulu , kalau gak ada yang Error Save aja langsung, simple bukan? selamat mencoba ya..

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Popular Post

Followers

- Copyright ©2008Pelajar Goblok -Robotic Notes- Powered by Blogger - Edited by M Nanda Perdana -