0 Cara Mudah Membuat 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>

Nanti Jadinya Akan Seperti Ini