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 navigation. Tujuan 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.
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.
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
.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 != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='« Sebelumnya';
var downPageWord ='Selanjutnya »';
</script>
<script src='http://seowaps.googlecode.com/files/navigasi-nomor-halaman.js' type='text/javascript'/>
</b:if
>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='« Sebelumnya';
var downPageWord ='Selanjutnya »';
</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 :
Terima kasih telah membaca artikel Cara Membuat Navigasi Nomor Halaman di Blog
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Membuat Navigasi Nomor Halaman di Blog
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Membuat Navigasi Nomor Halaman di Blog
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
0 comments
Post a Comment
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Link aktif akan dimatikan secara otomatis.
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Konversi Kode di Sini! Emoticon OOT