Tuesday, 15 July 2014

Membuat Paging Halaman Pada Blog (Blog Pagination)

Ilustrasi Paging Halaman.
http://ubahsegalanya.blogspot.co.id/
BLOG, UBAHSEGALANYA.BLOGSPOT.CO.ID – Paging blog (Pagination) adalah kemampuan untuk membagi daftar posting atau single post  menjadi beberapa halaman "paged" navigasi. Kita dapat mengatur berapa banyak  postingan yang akan ditampilkan di setiap halaman.
Dengan paging, artikel akan tertata dengan rapi berdasarkan nomor halaman masing - masing.
Untuk membuat paging halaman caranya seperti dibawah ini :
  1. Login Blog
  2. Masuk halaman "Tempalte -> Edit HTML" . 
  3. Kemudian cari kode "]]></b:skin>" dengan menekan tombol "CTRL+ F".
    Selanjutnya letakan kode berikut diatas kode "]]></b:skin>"
  4. /* ----- Page Navigation styles ----- */
    .showpageNum a {
    padding: 2px 5px;
    margin:0 5px;
    text-decoration: none;
    border:1px solid #ccc;
    -webkit-border-radius:3px;-moz-border-radius:3px;
    background: #eee;
    }
    .showpageOf {
    margin:0 8px 0 0;
    }
    .showpageNum a:hover {
    border:1px solid #ccc;
    background: #ddd;
    }
    .showpagePoint {
    color:#fff;
    text-shadow:0 1px 2px #333;
    padding: 2px 5px;
    margin: 2px;
    font-weight: 700;
    -webkit-border-radius:3px;-moz-border-radius:3px;
    border:1px solid #999;
    background: #666;
    text-decoration: none;
    }
  5. Cari kode  "</body>"  kemudian letakan kode dibawah ini diatas kode "</body>" 
  6. <!--Page Navigation Start-->
    <script type='text/javascript'>
    var home_page=&quot;/&quot;;
    var urlactivepage=location.href;
    var postperpage=4;
    var numshowpage=6;
    var upPageWord =&#39;Previous&#39;;
    var downPageWord =&#39;Next&#39;;
    </script>
    <script src='http://ahmad-rifai-tools.googlecode.com/files/pagenavi.js'
    type='text/javascript'/>
    <!--END Page Navigation -->
  7. Save Template, selesai selamat mencoba 

Membuat Paging Halaman Pada Blog (Blog Pagination) Rating: 4.5 Diposkan Oleh: Abu Masail

0 comments:

Post a Comment