Membuat Page Navigataion Number di Blogger

Akan lebih menarik rasanya apabila blog kita memiliki navigasi halaman dengan angka. berikut ini saya tulis kan bagaimana cara membuat navigasi halaman blogger dengan angka seperti gambar di bawah ini :

 

 

 

 

1. Login Ke dahsbord bolgger anda –> Layout –> Edit HTML
2. Masukan kode CSS di bawah ini diantara <b:skin><![CDATA[/* dan ]]></b:skin>
   

   /* –- blogger page number navigation start-- */
   .showpageNum a{padding:1px 8px; margin:0 5px; text-decoration:none; border:0px solid #333; background:#f9f9f9; color:#111}
   .showpageOf{margin:0 8px 0 0; color:#222}
   .showpageNum a:hover{border:0px solid #fff; background:#8F2602; color:#fff}
   .showpageArea{margin:10px 0; font-size:16px; color:#111}
   .showpagePoint{color:#fff; text-shadow:#333 0 1px 2px; padding:1px 8px; margin:2px; font-weight:normal; border:0px solid #333; background:#8F2602; text-decoration:none}

3. Copas Kode Berikut sebelum tag </body>
   

   <script type='text/javascript'>
   var pageCount=9;
   var displayPageNum=9;
   var upPageWord =&#39;&#171; First&#39;;
   var downPageWord =&#39;Last &#187;&#39;;
   </script>
   <script src='http://blogger-c11774.googlecode.com/files/pagenav_blogger.js' type='text/javascript'/>

4. Save…

Baca Juga

Cari yang lain: