Cara membuat Page Navigation Jquery

Assalamu'alaikum wr.wb. kali ini WahyuariefT-Blog akan NgeShare artikel tentang Triks Tips yang berjudul Cara membuat Page Navigation Jquery. Dan saya juga sudah share artikel tentang Triks Tips juga yang berjudul Pasang Widget Translate Google Di Blog.

Langsung saja ke cara pertama...
1. Yang pertama login blogger dulu
2. Lalu pilih "Template" setelah itu klik "Edit HTML" kemudian centang "Expand Widget Template"
3. Cari kode ]]></b:skin> untuk memudahkan pencarian klik CTRL+F
4. Kalo sudah ketemu Masukan Kode Berikut Tepat Diatas Kode
    ]]></b:skin>

.paginator {
font-family:arial;
font-size:85%;
font-weight:700;
margin-top:60px}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%}
.paginator table td {
text-align:center;
white-space:nowrap;
padding:0}
.paginator span {color:#fff;
display:block;
text-shadow:1px 1px 1px #222;
padding:2px}
.paginator span strong,.paginator span a {padding:2px 10px}
.paginator span a {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#999 url(http://lh4.ggpht.com/_dfnTVAxeWMI/S-tpvAt44uI/AAAAAAAADYk/F_aXKyKZhC8/s800/bgnav.gif) center center repeat-x !important;
border:1px solid #fff;
border-radius:5px;
text-shadow:1px 1px 1px #fff}
.paginator span a:hover,.post-labels a:hover{
text-decoration:none;}
.paginator span strong {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#999 url(http://lh5.ggpht.com/_dfnTVAxeWMI/S-tw_PwdzvI/AAAAAAAADY4/I_XDbpJD_48/s800/bgnav2.gif) center center repeat-x;
border:1px solid #fff;border-radius:5px}
.paginator .scroll_bar {
height:20px;
margin-top:10px;
position:relative;
width:100%}
.paginator .scroll_trough {
background:#ccc;
height:3px;
overflow:hidden;
width:100%}
.paginator .scroll_thumb {
background:#666;
font-size:1px;
height:3px;
left:0;position:absolute;
top:0;width:0;z-index:2}
.paginator .scroll_knob {
background:url(http://lh4.ggpht.com/_dfnTVAxeWMI/S-wMsKLXsZI/AAAAAAAADak/Q1PPAEMG5as/s800/slider_knob.gif) no-repeat 50% 50%;
cursor:pointer;
height:20px;
left:50%;
margin-left:-10px;
overflow:hidden;
position:absolute;
top:-3px;width:20px}
.paginator .current_page_mark {
background:#888;
height:3px;l
eft:0;overflow:hidden;
position:absolute;
top:0;width:0;z-index:1}
.fullsize .scroll_thumb {display:none}
.paginator_pages {
color:gray;font-size:0.8em;
margin-top:-10px;text-align:right}

5. Setelah Itu Cari Kode  </body>
6. Kalo sudah ketemu masukan kode Berikut tepat Diatas kode  </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src='http://izulpagenumberruler.googlecode.com/files/izoelpagenumberruler.js' type='text/javascript'/>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
</script>
<script src='http://izulpagenumberruler.googlecode.com/files/izoelpagenumberruler2.3.js' type='text/javascript'/>

Tips ini hampir sama dengan mas Dode-XP. Tapi ada sedikit perbedaan, apa ya perbedaan nya, ta tunggu komentar nya...   -____=
Selesai..
Semoga Bermanfaat...
Terima Kasih,.