Kebanyakan atau secara umum, navigasi berpindah halaman di blogspot biasanya menggunakan link yang di dasari dengan teks "Older Posts atau posting lama" dan "Newer Posts atau posting baru". Nah di sini kita akan merubah hal tersebut agar terlihat beda dengan yang biasa atau kata lain lebih modernisasi..
Hehee,,,
Nah tutorial kali ini akan menjelaskan bagaimana cara mengubah navigasi ke posting lama ataupun ke posting baru menjadi seperti contoh gambar di bawah ini :
Hehee,,,
Nah tutorial kali ini akan menjelaskan bagaimana cara mengubah navigasi ke posting lama ataupun ke posting baru menjadi seperti contoh gambar di bawah ini :
OK guys,,
Langsung saja kita mulai caranya :
1. Pertama tentunya kita harus masuk ke blogspot lalu login, dan segeralah masuk ke "Edit HTML" pada blog Anda.
2. Setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum 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;
}
<!--Page Navigation Starts-->Nah, Gampang bukan ?????
<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 -->
Yupzs,, cuma seperti itu saja kok,,
Untuk lebih jelas dan tentunya lebih puas,, silahkan coba saja sendiri,,
Selamat Mencoba Kawan....
S'moga bermanfaat,,,,
Selamat Berkreasi !!! ^_^
No comments:
Post a Comment