Cara Mudah Membuat Page Navigation Seperti Google

Cara Mudah Membuat Page navigation Seperti Google - Kali ini saya akan share tutorial cara mudah membuat Page Navigation seperti yang ada di halaman google. Carnya juga cukup gampang dan simpel buat anda yang ingin mengganti Page Navigation Seperti Google.
 

Yang pertama yang harus di lakukan, Silahkan Login Ke Blogger anda, Lalu edit HTML . kemudian centang klik Expand Widget Templates (wajib). Setelah itu anda cari code berikut :  ]]></b:skin>  , untuk memudahkanya mencari code tersebut  gunakan ctrl+f .

Dan bila sudah ketemu Copas Code HTML di bawah ini, Dan Paste di atas persis Code ]]></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}

Nah Bila Sudah Di paste, Sekarang Cari Code  </body> , Dan bila sudah ketemu Copas Code HTML di bawah ini, Dan Paste di atas persis Code </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://accordion-template.googlecode.com/svn/trunk/jsnavigoogle-packer.js' type='text/javascript'></script>

Terakhir Tinggal Di Save dehh....

Semua Semoga Bermanfaat.

Baca Juga: