simple thinking

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>