CARA MEMBUAT NOMOR HALAMAN NAVIGASI UNTUK BLOGGER ATAU BLOGSPOT

Untuk kali ini kita bahas cara membuat nomor halaman navigasi untuk blogger atau blogspot. Banyak blog yang ada nomor halaman navigasi nya atau nomor halaman kemudi di bagian bawah dari blog blog itu, pikir saya waktu itu (sebelum menemukan artikel ini) halaman akan muncul sendiri setelah posting kita banyak. Ternyata tidak begitu. Halaman navigasi akan muncul setelah kita mengatur sendiri template untuk blog kita. Artikel ini memang sudah lama saya cari. Karena sangat penting, maka saya posting di blog saya ini. Membuat halaman navigasi di blogger atau blogspot ini, saya peroleh dari blog ariawijaya.com. utuk itu mari kita ikuti dan praktikan tekniknya. Atau anda bisa berkunjung ke sini.

Untuk hasilnya akan terlihat seperti gambar dibawah ini:



Contoh hasil kode navigasi berurut ini, anda bisa lihat di sini.
adapun cara membuat nomor halaman navigasi untuk blogger atau blogspot adalah sebagai berikut:


PERTAMA

Login ke blogspot anda dan klik dashboard blogger anda. Pilih tata letak, kemudian pilih edit html. Beri tanda centang pada option expand widget templates, lalu cari kode berikut:

]] > </b:skin>

Sudah ketemu? letakkan kode css dibawah ini tepat diatas kode “ ]] > </b:skin> “ 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;
}


KE DUA:


Cari lagi kode seperti ini:


</body>

Kalau sudah ketemu, persis diatasnya letakkan script dibawah ini:


<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

KE TIGA:

Ini bisa dibilang langkah terakhir, yaitu cari lagi kode berikut:


'data:label.url'


Ketemu? kalau sudah, hapus kode tersebut dan gantilah dengan kode di bawah ini:



'data:label.url + &quot;?&amp;max-results=5&quot;'


Sudah diganti? Kalau sudah simpan templates anda, dan anda bisa lihat hasilnya sekarang

Nah selesai! Demikian cara membuat nomor halaman navigasi untuk blogger atau blogspot. Semoga berguna.

Posted in: WEBLOGGER