Rabu, 01 Agustus 2012

Mengganti POSTING LAMA dengan Angka

Dari kebanyakan template blog yang sering kita pakai, navigasi untuk pindah halaman di Blogspot kebanyakan menggunakan Older Post atau Postingan Lama. Pada dasarnya, jika kita menggunakan Older Post pengunjung tidak dapat meloncat sampai beberapa langkah pengunjung hanya bisa satukali loncatan saja.

gambar dibawah masih menggunakan navigasi Postingan Lama/Older Post













Nah jika kita ingin mengubah Postingan Lama dengan Angka, caranya adalah :

  1. Masuk ke Rancangan > Edit HTML
  2. Kemudian anda cari dari kode html  ]]></b:skin>, jika anda sudah menemukan kode tersebut kemudian anda taruh script di bawah ini sebelum kode tadi.
    .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;
    }
     
  3. Kemudian anda cari lagi kode </body>, masukan script di bawah sebelum kode tadi.

    <!--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 -->
  4. Kemudian Simpan Template
Jika anda berhasil maka tampilannya akan seperti gambar dibawah


0 komentar:

Posting Komentar