Cara Membuat Menu Navigasi Blog

Kalau anda mempunyai blog dengan postingan yang banyak, wajib memiliki navigasi bar pada menu blog. Agar dapat mempermudah pengunjung untuk berpindah dari halaman satu kehalaman yang lain. Kalau menggunakan navigasi halaman lama seperti Post baru atau older post akan menyulitkan pengunjung unutk menjelajahi semua post anda.

Kalo begitu langsung saja anda perhatikan langkah-langkahnya:

1.Login ke akun blogger anda
2.Buka menu Template >> Edit HTML
3.Cari kode tag bertuliskan: ]]></b:skin>. Lalu diatasnya diberi kode dibawah ini:

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

}

Baris var pageCount=5 adalah jumlah link nomor halaman yang ditampilkan pada menu nav.

4. Dan cari kode tag: </body>. Kemudian diatas tagnya diberi kode ini:

<!--Page Navigation Starts-->

<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=5;

var displayPageNum=5;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>

</b:if>

</b:if>

<!--Page Navigation Ends -->

Baris var displayPageNum=5 adalah jumlah maksimal post per halaman.

Itu tadi cara-caranya, semoga bermanfaat dan jika ada masalah bisa anda koment dan mudah-mudahan saya bisa menjawabnya.

Tweet