Thursday, November 17, 2011

Cara membuat nomor halaman navigasi blog

Halaman Navigasi berfungsi untuk penghubung halaman pertama ke halaman selanjutnya dan seterusnya
Halaman Navigasi ini terletak pada bawah postingan, contoh nya pada yang sering kita jumpai, misalnya pada google.com, saat kita melakukan
pencarian tentunya pada bagian bawah ada nomor untuk ke halaman selanjutnya, nah itulah halaman navigasi

cara pemasangannya yaitu sebagai berikut

1. Login ke Blog anda, lalu masuk ke Dashboard

2. Klik Rancangan, Edit HTML , lalu centang Expand Template Widget

3. Cari kode berikut dengan CTRL + F agar lebih cepat ]]></b:skin>

4. Lalu Copy dan Paste kode berikut di atas kode 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;
}

5. Cari lagi kode ini </body>

6. Lalu Copy dan Paste kode berikut di atas kode </body>


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


Simpan Template, Lihat Hasilnya

Semoga Bermanfaat..

Artikel Terkait

Cara membuat nomor halaman navigasi blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

1 comments:

June 13, 2012 at 7:01 PM delete

kunjungan gan .,.
saat kau kehilangan arah ingatlah masih ada yang menolong mu
dan tetap berdoa mengharap untuk menemukan jalanmu.,.
di tunggu kunjungan balik.na gan.,.

Reply
avatar

Untuk Berkomentar, gunakan akun email anda, jika tidak punya akun bisa gunakan opsi Anymous atau Name / URL ( URL bisa kosong jika tidak ada ).