Cara Membuat Navigasi Nomor Halaman di Blog

Cara Membuat Navigasi Nomor Halaman di Blog - Cara memberi atau memasang navigasi nomor halaman di blog - Ada yang sudah tau apa itu navigasi nomor halaman? Itu lho navigasi yang berupa nomor-nomor di bawah sebuah page/halaman blog atau orang-orang sering menyebutnya sebagai navigasi page number atau pages number navigationTujuan dari pembuatan menu ini adalah untuk memudahkan pengunjung menjelajahi blog kita sehingga kemungkinan mereka akan betah, hehe.. Tapi itu jika sudah pengunjung, jika belum punya atau pengunjung masih sedikit, sebagai seorang blogger, sobat juga bisa mengedit template blog sobat menjadi lebih SEO Friendly. Baca: cara membuat Related post di blog. Oke, lanjut ke masalah awal, jika masih bingung mengenai navigasi nomor halaman, berikut contoh cuplikan gambar dari blog teman saya (antigaptek.com) yang mungkin bisa membantu sobat.

Navigasi Nomor Halaman

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. Hadeh.. Lantas, bagaimana cara memasang navigasi page number di blog kita? Itu mudah sekali. Silakan ikuti uraian berikut ini:

1. Login ke akun blog sobat.

2. Klik Template >> Edit HTML.

3. Cari kode ]]></b:skin>

4. Letakkan script berikut di bawah tepat di atas kode nomor 3 tadi


.showpageArea {font-family:verdana,arial,Helvetica;color: #000;font-size:11px;margin:10px;}
.showpageArea a {color: #000;text-shadow:0 1px 2px #fff;font-weight: 700;}
.showpageNum a {padding: 3px 8px;margin:0 4px;text-decoration: none;border:1px solid #3d85c6;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://2.bp.blogspot.com/-E2OrIZ5JWjg/UWqvESbdpBI/AAAAAAAAF2A/93JGER74oqk/s1600/halaman.jpg) 0 -50px repeat-x;}
.showpageNum a:hover {border:1px solid #aeae0a;
background: #ccc url(http://2.bp.blogspot.com/-E2OrIZ5JWjg/UWqvESbdpBI/AAAAAAAAF2A/93JGER74oqk/s1600/halaman.jpg) 0 -25px repeat-x;}
.showpageOf{margin:0 8px 0 0;}
.showpagePoint {color:#fff;text-shadow:0 1px 2px #333;padding: 3px 8px;margin: 2px;font-weight: 700;
-webkit-border-radius:3px;-moz-bor

5. 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;&#171; Sebelumnya&#39;;
var downPageWord =&#39;Selanjutnya &#187;&#39;;
</script>
<script src='http://seowaps.googlecode.com/files/navigasi-nomor-halaman.js' type='text/javascript'/>
</b:if
>

6. Simpan template sobat dan lihat hasilnya.

Oke, sekian tutorial dari saya mengenai cara membuat pages number navigation di blog. Semoga bermanfaat.

Copyright Seowaps.com | Panduan SEO, Panduan Blogger
Baca Artikel Terkait Di Bawah ini :

Ditulis Oleh : Web Hosting Indonesia

Judul Artikel "Cara Membuat Navigasi Nomor Halaman di Blog" Jika salin Artikel Cara Membuat Navigasi Nomor Halaman di Blog, mohon mencantumkan sumber link http://www.webhosting.web.id/2013/07/cara-membuat-navigasi-nomor-halaman-di.html. Salam from Web Hosting Gratis

:: Web Hosting Indonesia ::

0 komentar:

Posting Komentar

 
 
Copyright © WEBHOSTING.WEB.ID, Powered by UNMETERED