Cara Membuat Page Navigation di Blogspot

Anda ingin membuat page navigation untuk blog Anda? Sayangnya Blogger belum membuat page navigation seperti pada wordpress. Tapi Anda jangan khawatir. Masih ada jalan lain koq.

Berikut ini gambar page navigasi :

Jika Anda ingin memasangnya untuk blog Anda, ikuti langkah-langkah berikut ini :

1. Masuk kedalam Dasboard Blogger anda terus Layout > Edit HTML
2. Jangan di ceklish atau centang "Expand Widget Templates"
3. Cari Kode di bawah ini
   
   ]]></b:skin>
   
   dan ganti dengan kode di bawah 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;
   }
   ]]></b:skin>
   
   
   
4. Kemudian cari kode di bawah ini
   
   </body>
   
   dan ganti kode tadi dengan kode dibawah ini
   
   
   <!--Page Navigation Starts-->
   <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.v2.js' type='text/javascript'/>
   </b:if>
   <!--Page Navigation Ends-->
   </body>
   
   

Simpan pekerjaan Anda dan silakan lihat hasilnya, blog Anda sudah punya page navigation

[*]

Artikel Menarik Lainnya