Cara Mudah Membuat Navigasi di Halaman Blog dengan Nomor

Cara Membuat Navigasi Halaman Blog dengan Nomor - Bagi para Bloggers mania 'Navigasi' halaman itu merupakan suatu bagian dari blog dari internal link (Tautan Internal) yang sangat penting dan hal itu sudah dianjurkan oleh Google. Fungsi dari navigasi tersebut guna memudahkan user mengeksplorasi konten-konten pada blog kita. Halaman web atau blog tanpa navigasi sama saja seperti sayuran tanpa garam, tentunya rasa sayuran tersebut seperti apa jadinya dan sebaliknya juga dengan web atau blog tersebut, jika halaman blog tidak memiliki navigasi maka 80% pengunjung akan enggan untuk melihat-lihat blog kita.

Apakah anda masih penasaran dengan cara pembuatan navigasi pada halaman dengan nomor? Simak terus sampai tuntas. Demonya dapat anda lihat dibagian bawah halaman depan web atau blog yang satu ini.

Baca juga : Cara Mudah Menghilangkan Tulisan "Diberdayakan oleh Blogger"

Jika anda sudah siap untuk membuat navigasi pada halaman web atau blog anda dengan nomor, berikut ini cara pembuatan 'Numbered Page Navigation' atau juga 'Navigasi Halaman' blog:

1. Template --------> Edit HTML
2. Copy Paste code yang berwarna biru berikut ini, lalu taruh dibawah code ]]></b:skin>

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

3. Copy Paste code yang berwarna biru berikut ini, lalu taruh di atas code </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=7;
var numPages=6;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

4. Setelah itu, save template (Selesai).

Dengan adanya sentuhan navigasi pada halaman web atau blog anda, maka akan semakin bertambah cantik saja penampilan halaman web atau blog anda tersebut.

Seperti itulah Cara Membuat Navigasi Halaman Blog dengan Nomor tersebut. Jika anda masih saja merasa gagal setelah mencobanya, sebaiknya lakukan ulangi sekali lagi dan baca artikel ini dengan baik-baik. Terima kasih banyak.

Sumber berita : http://www.contohblog.com