Cara membuat nomor halaman navigasi untuk blogspot

Hai Sobat Pembahasan kali ini mengenai Cara membuat nomor halaman  navigasi untuk blogspot, Pada Pembahasan sebelumnya yaitu mengenai Cara Mendaftarkan Blog di Google, Yahoo, dan Bing dan Cara membuat artikel terkait dibawah postingan blog,
Okey kita kembali lagi ke pembahasan kita yaitu Cara membuat nomor halaman  navigasi untuk blogspot ehm kalian sudah tahu kan nomor navigasi yang saya maksud thu seperti gambar di bawaah ini


PERTAMA

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

]] > </b:skin>


Nah 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:


Belum selesai nih sobat harus 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 langkah terakhir yang boleh di lakukan ataupun tidak, yaitu cari lagi kode berikut:

'data:label.url'


Kalau sudah Ketemu hapus kode tersebut dan gantilah dengan kode di bawah ini:

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

Kalau sudah di ganti sobat simpan templates, dan sobat bisa lihat hasilnya sekarang

Okey sekian dulu pembahasan kali ini mengenai Cara membuat nomor halaman  navigasi untuk blogspot, Semoga bermanfaat. Amin

ARTIKEL YANG BERHUBUNGAN :