Thursday, 28 April 2011

Cara Membuat Navigasi Nomor Halaman pada Blogger

Ini nih, aku kasih buat kamu tutorial untuk membuat navigasi
nomor halaman pada blogspot/blogger. Ini sangat menarik 
sekali karena pertamanya aku tidak tahu cara membuatnya, 
namun setelah menemukan cara ini aku sekarang sudah bisa
menikmati hasilnya. Langsung saja ya.....
Pertama kita masuk menu Layout dan Edit HTML, jangan lupa 
Backup dulu templateblog kita.Jangan lupa centang Expand 
Widget Templates-nya. Setelah kita backup, selanjutnya cari 
script berikut.
 
]]></b:skin>
Setelah ketemu, copy script dibawah ini dan letakkan di atas
 script yang tadi.
 
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
 
Script di atas adalah script Style (CSS), yang menentukan
bentuk visual dari nomor halaman yang akan kita buat. 
 
 
Kedua, kamu cari script berikut:
 
</body>
Setelah ketemu, copy script dibawah ini dan letakkan diatas 
script diatas.
 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
 
Kode pageCount di atas menunjukkan jumlah tulisan/posting/
artikel yang akan ditampilkan dalam satu halaman, sedangkan 
displayPageNum menunjukkan jumlah nomor halaman yang ditam-
pilkan (jika diisi dengan angka 7 berarti nomor halaman yang
muncul ada 8, ditambah satu untuk halaman satu). upPageWord 
mengarahkan kita ke halaman yang lebih baru (tulisan Previous 
bisa diganti sesuai dengan keinginan), dan downPageWord 
mengarahkan ke halaman yang lebih lama (tulisan Next bisa 
diganti sesuai dengan keinginan
. 
 
Ini dia yang terakhir, kamu cari dulu script dibawah ini:

'data:label.url 
 
Setelah ketemu, ganti dengan script berikut
 
'data:label.url + &quot;?&amp;max-results=5&quot;'
 
 Semoga bermanfaat. 
Posted by : Aan Ky ('Ali Ahmad N.)


2 comments:

bagi bagio said...

SALAM KENAL SATU JIWA BOSS!!!
INI DIA ARTIKEL YANG SAYA CARI2 BOSS!!!
TERIMA KASIH BANYAK ATAS INFONYA...SAYA COBA PRAKTEKKAN!!!!

Education - Download said...

ya gannn..... sama-sama... :)

Post a Comment