Cara Membuat Page Number Cantik

Tweet

Share

Najibblog, Cara Membuat Page Number Cantik, setelah kemarin posting Cara Memasang Slide Out Navigation Floating diatas Blog , iseng-iseng posting seputar Blogging lagi, gak papa lah, semoga tulisan ini bisa bermanfaat bagi sobat blogger semua atau bagi yang membutuhkan.hehe.. Oke langsung saja ikuti langkah-langkah dibawah ini, langsung saja ke TKP! :

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

Langkah 2 Cari kode </body>

setelah ketemu kode tersebut letakkn 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 sobat, supaya lebih mak Nyus gitu..hehehe….

Langkah 3

Preview, kalau tak ada Error Save aja langsung.. Mudah dan simple bukan? Kalau masih ada yang bingung tentang Cara Membuat Page Number Cantik silahkan Tanya aja dikotak kometar, dan jangan lupa tinggalkan komentar..hehe..Keep Blogging..

Subscribe To Get FREE Tutorials!

Related Post: