Rabu, 20 April 2011

Membuat Page Number Seperti di Google

Langsung aja ya sobat, caranya sangat mudah, asalkan kalian teliti dalam pemasangan kode HTML nya :
* Log in ke blogger kalian
* Setelah itu Pilih Rancangan Kemudian Pilih Edit HTML
* Back Up template kalian Dulu Untuk Jaga-jaga dengan cara klik download template lengkap
* Jangan lupa Centang Expand Widget Templates, selanjutnya cari kode berikut:

]]></b:skin>
 * Setelah ketemu masukkan kode dibawah ini diatasnya:



    .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;
    }

    * Lalu cari lagi kode seperti ini </body> 

Setelah ketemu masukkan kode dibawah ini diatasnya juga



    <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.v1.js' type='text/javascript'/>
    </b:if>
* Selanjutnya carilah kode berikut ini : 'data:label.url'

* Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini:

     'data:label.url + &quot;?&amp;max-results=5&quot;'
misalkan kode di atas ada lebih dari satu, maka ganti kode yang pertama 


* Setelah itu Klik Simpan Selesai dech


TTD : Software | Entertainment | Hobi Ngeblog | Artikel Bebas | Tutorial Blog

Tidak ada komentar:

Poskan Komentar