Membuat page number animasi mirip Google

Cara memasang ala Google | Membuat page number animasi mirip Google

Pemasangan page number kali ini ialah membuat page number animasi mirip Google yang menggunakan script dari bang Abu Farkhan. Bagaimana agan-agan mau mencobanya ? Tutorial Membuat ada dibawah.
Berikut screenshootnya :

Cara membuatnya : (NB cukup rumit membuatnya download template lengkap jika takut gagal)

• Login ke blogger agan > Rancangan > Edit Html > Expand Template Widget

1. Selanjutnya cari kode ( gunakan Ctrl + F )

]]></b:skin>

Setelah ketemu copy paste kode dibawah ini tepat diatas kode ]]></b:skin>

#blog-pager,.blog-pager{ background-color: #FFFFFF;width:100%,text-align:center;}
td.showpageOf{display:none;}
#nav{font-family: Arial, Helvetica, sans-serif; font-size:12px;margin:0 auto;}
#nav a{display:block; text-decoration:none; color: #0066FF}
#nav a:hover{ text-decoration:underline;}
#nav .b a,#nav .b a:visited{color: #0000CC; text-decoration: underline; font-weight:bold}
.cur{ font-weight:bold;}
.csb{background:url(http://www.google.com/images/nav_logo7.png) no-repeat 0 0;height:26px;display:block;}
.csb.cur{background-position: -44px 0pt; width: 16px;}
.csb.movenext{color:#20c;background-position: -76px 0pt; margin-right: 42px; width: 66px;}
.csb.moveprev{color:#20c;background-position: 0pt 0pt; margin-left: 42px; width: 44px;}
.csb.ch{background-position: -60px 0pt; width: 16px;}
#nav td{padding:0;text-align:center}

2. Selanjutnya cari kode ( gunakan Ctrl + F )

</body>

Lalu letakkan atau copas kode dibawah ini tepat diatas kode </body>

<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>;

<script src='http://kangdadang.googlecode.com/files/jsnavigoogle-packer.js' type='text/javascript'></script>

Keterangan :
- var postperpage=7; : Jumlah Posting artikel yang ingin ditampilkan setiap halaman
- var numshowpage=4; : Jumlah nomor yang tampil pada Page navigasi
Next dan Prev : ganti text sesuka kalian

3. Cari lagi kode ( gunakan Ctrl + F )

'data:label.url' 

jika sudah ketemu hapus kode tersebut/replace dengan kode di bawah ini

'data:label.url + &quot;?&amp;max-results=7&quot;'

  
Selamat Mencoba !!

You're reading an article about Membuat page number animasi mirip Google and you can find this articles Membuat page number animasi mirip Google with url https://areacyber.blogspot.com/2011/09/membuat-page-number-animasi-mirip.html,you can redistribute it or copy and paste it if the article Membuat page number animasi mirip Google very beneficial to your friends, but do not forget to put Membuat page number animasi mirip Google a source link.