Saturday, April 21, 2012

Cara Membuat Page Navigator di Blogspot

Cara Membuat Page Navigator di Blogspot - Jika kamu perhatikan template blog ini di bawah postingan depan halaman terdapat Page Navigator yang berfungsi untuk ke halaman selanjutnya yang berisikan postingan blog. Postingan kali ini salemharp akan membahas cara untuk menampilkan Page Navigator yang saya maksud tadi. Biasanya memang ada yang bawaan dari template tapi ada juga yang tidak mempunyai fungsi tersebut.


Langkah membuat nomor halaman pada Blog:

~ Silahkan masuk ke dasboard Blog Anda
~ Pilih > Template / Rancangan, lalu pilih > Edit HTML > Lanjutkan
~ Lalu Anda cari kode  ]]></b:skin>  (bisa dengan cara tekan tombol Ctrl + F , lalu masukkan kode ]]></b:skin>  di kotak find yang muncul dibawah), maka kode itu akan muncul dengan blok warna hijau.
~ Masukkan/letakkan kode berikut ini tepat diatas kode  ]]></b:skin>
.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;

~ Selanjutnya cari juga kode ini   </body>
~ Masukkan / kopi dan paste-kan kode dibawah ini tepat diatas kode   </body>
<!–Page Navigasi–>
<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<script type=’text/javascript’>
var pageCount=6;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src=’http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js’ type=’text/javascript’/>
</b:if>
</b:if>
<!–Page Navigasi –>

~ Terakhir Klik tombol SIMPAN TEMPLATE.

Sebenarnya kode-kode tertentu diatas bisa diganti (merah) seperti untuk mengganti nomor halaman/page navigator, misal pada kode var pageCount=6;  Anda bisa ganti angka yang lain. Atau pada kode var displayPageNum=5  ,ini kode untuk jumlah jumlah posting di halaman muka, demikian juga Previous dan Next. Demikian info kali ini untuk cara membuat nomor halaman (page navigator) ataupun jumlah posting di halaman Blog, semoga berguna untuk kita semua.

Selamat Mencoba.. :)

4 komentar:

  1. blog yang bagus juga sobat.
    thank's for share n thank's for visite salam blogger

    ReplyDelete
  2. Mantab mas bro, alexanya makin naik dan naik terus. semoga berhasil.

    ReplyDelete

Jika kamu ingin berkomentar di blog ini, dimohon untuk tidak berkata kasar, porno maupun sara.
Salemharp akan senang jika kamu menghargai setiap postingan dengan berkomentar di bawah ini..

Follow Salemharp Blog

 
Copyright © . Salemharp Blog - Posts · Comments
Developer By Roni Semendawai || Powered by Blogger