The content presented here requires JavaScript to be enabled and the latest version of the Macromedia Flash Player. If you are you using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by downloading here

News Navigasi "Halaman Post" + Script Baru

Sistem Navigasi Halaman Blogger dengan Script Baru
Trik ini bertujuan untuk me-replace link Next Post dan Older Post dengan sistem navigasi halaman yang berbeda. Script yang lama tsb memiliki beberapa kelemahan, diantaranya loading script yang cukup lama.
Nah untungnya, saya bertemu mas Abu Farhan & berhasil membuat script yang lebih baik. Script-nya ini lebih ringan dan 'bersahabat' dengan blog kita..hehehe . . .
Saya Sendiri sudah mencobanya


masukkan kode Javascript-nya ke dalam blog kita.
Letakkan kode Javascript ini tepat sebelum </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://all-in-one-blogger-widget.googlecode.com/files/pagenaviv202-min.js' type='text/javascript'></script>

Jangan lupa ubah settingan-nya sesuai blog Anda:
postperpage (untuk mengatur banyak artikel yang akan ditampilkan di setiap halaman)
numshowpage (untuk mengatur banyak halaman yang akan terlihat di sistem navigasi halaman ini)


Next : masukkan kode CSS ke dalam blog.
Masuk ke Layout > Edit HTML.
Cari ]]></b:skin>
dan letakkan CSS di bawah ini tepat sebelum kode tsb.



.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}

 Langkah terakhir, ceklis Expand Widget Templates.
Cari
Script di bawah ini :

data:label.url


timpa dengan Script di bawh ini 

data:label.url + "?&max-results=7"


Ganti angka 7 dengan berapa jumlah artikel tiap halaman.


Setelah selesai semua Save Template.


Gampangkan .....


 

0 komentar:

Post a Comment

 
Copyright 2009 Quick_note. Powered by Blogger