Kali ini
saya ingin sharing tentang cara membuat navigasi halaman pada blog. Sebenarnya
cara ini sudah banyak di ulas oleh para blogger, namun saya rasa tidak ada
salahnya kalau saya juga ingin berbagi dengan anda semua. Paling
tidak, bisa
menambah referensi anda.
1. Masuk ke menu Template, kemudian "Edit HTML"
.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;
}
3. Kemudian cari kode </body> dan taruh script dibawah ini diatas kode tersebut.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->
4. Setelah selesai, silahkan "Pratinjau" dulu.. untuk menhindari kesalahan script bro
5. Kalau tidak ada kesalahan "Save"
oke bro...
sekian dari saya bro...
makasih bro atas kunjungannya
semoga bermanfaat dan sukses buat kita semua !! amiiinn....
Jika ada kesalahan harap dimaklumi dan dikoreksi.
Kurang lebihnya mohon maaf, sekian dan terima kasih banyak sudah berkunjung di blog sederhana saya ini.
Jika ada tambahan tips dari kalian, silahkan share melalui komentar di bawah
makasih
Oke, langsung saja ke pokok permasalahan. Untuk membuat navigasi halaman
ini, anda harus benar-benar mengikuti langkah demi langkah yang saya uraikan ,
karena kita akan sedikit mengutak-atik HTML Template blog.
1. Masuk ke menu Template, kemudian "Edit HTML"
2. setelah itu cari kode ]]></b:skin> dengan Ctrl+F, setelah ketemu taruh script dibawah ini diatas kode tersebut.
.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;
}
3. Kemudian cari kode </body> dan taruh script dibawah ini diatas kode tersebut.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->
4. Setelah selesai, silahkan "Pratinjau" dulu.. untuk menhindari kesalahan script bro
5. Kalau tidak ada kesalahan "Save"
oke bro...
sekian dari saya bro...
makasih bro atas kunjungannya
semoga bermanfaat dan sukses buat kita semua !! amiiinn....
Jika ada kesalahan harap dimaklumi dan dikoreksi.
Kurang lebihnya mohon maaf, sekian dan terima kasih banyak sudah berkunjung di blog sederhana saya ini.
Jika ada tambahan tips dari kalian, silahkan share melalui komentar di bawah
makasih
Tidak ada komentar:
Posting Komentar
Silakan tinggalkan komentar anda disini