Cara Membuat Page Number Navigation ~ Tutorial Bangsat

Heloo, Sobat Tutorial Bangsat Kesempatan ini Tutorial Bangsat akan membagikan turoial bagaimana cara memasang Navigasi berupa nomor di setiap page/halaman. Navigasi page number ini dapat muncul disetiap halaman perlabel di blog.

Berikut ini adalah cara membuat page number navigation atau cara membuat halaman 1234...

1. Masuk ke edit dit HTML template Blog anda.
2. Cari kode ]]></b:skin>
3. Letakan kode di bawah ini di atas kode ]]></b:skin> 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;
}

4. Untuk merubah tamplian sesuai yang anda inginkan misalnya warna dan lain-lain anda dapat mengganti kode didepan background, color, mengganti warna garis dengan kode border di ganti. silahkan coba generator warna disini Untuk mencobanya. Sekarang lanjutkan dengan mencari kode </body> Kemudian letakan kode di bawah ini di atas kode </body> tadi.

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

5. Untuk menampilakannya di setiap label post anda. Silahkan cari kode 'data:label.url' dan ganti dengan kode di bawah ini.

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

6. Save tamplate anda dan lihat hasilnya.

Sekian mengenai Cara memasang Navigasi / Page Number di blog atau cara membuat page number navigation dan cara membuat halaman 1234 di blog anda.Jika tertarik lihat juga cara memasang menu navigasi menarik lainnya di Tutorial Bangsat. Semoga Bermanfaat. . . Salam Blogger. . .

Terima Kasih telah membaca artikel tentang Cara Membuat Page Number Navigation . Silahkan baca artikel lainnya di daftar isi.

Unknown

Judul : Cara Membuat Page Number Navigation .
Ditulis oleh : Unknown .
Pada hari : Tuesday 5 August 2014 .
Rating Blog : 5 dari 5

Follow me on: Facebook | Twitter | Google+

Cara Membuat Page Number Navigation

Related Post