prev next

17/11/12

Cara Membuat Navigasi Nomor Halaman di Blog

Posted on 23.39 by tris KT

Cara memberi atau memasang navigasi nomor halaman di blog  Tujuan dari pembuatan menu ini adalah untuk memudahkan pengunjung menjelajahi blog kita sehingga kemungkinan mereka akan betah, jika masih bingung mengenai navigasi nomor halaman, berikut contoh cuplikan gambar dari blog teman saya  yang mungkin bisa membantu sobat.


Mungkin ada yang bertanya, mengapa di Blog ini sendiri tidak terpasang menu semacam ini? Jawabannya sangat simple, sebenarnya saya juga sangat ingin memasangnya, tapi template yang saya gunakan tidak mendukung.

Bagaimana cara memasang navigasi page number di blog kita?????  Itu mudah sekali. Silakan ikuti uraian berikut ini:
  • Login ke akun blog teman
  • Rancangan >> Edit HTML jangan lupa centang "expand template widget"
  • Cari kode ]]></b:skin>
  • Letakkan script berikut di bawah tepat di atas kode ]]></b:skin> 
  • Tekan F3 untuk mencari  ]]></b:skin> di Edit HTML biar lebih cepat

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

  • Cari kode </body> dan letakkan script di bawah tepat di atas kode berikut.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
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>
  • Simpan template sobat dan lihat hasilnya.
Oke, sekian tutorial dari saya mengenai cara membuat pages number navigation di blog. Semoga bermanfaat..

Jika Saudara masih bingung tentang  Cara Membuat Navigasi Nomor Halaman di Blog silahkan bertanya di form komentar dibawah ini.....dan jangan lupa jempolnya ya!!!!!!!!!!!!

No Response to "Cara Membuat Navigasi Nomor Halaman di Blog"

Komentar Anda