Pages

6

Cara Pasang Page Number Di Blog

Sebelum Saya Bahas Tutorial Kali ini Saya Akan jelaskan Dulu Apa itu Page Number? Page Number Adalah Sebuah Tool Yang Biasanya Diletakkan Dibawah Entries Untuk Menentukan Nomor Halaman Dan Berguna Untuk Mempermudah Pengunjung Atau Pengguna Blog Berpindah Dan Meloncati Halaman Lain Di Suatu Blog. Menurut Pengertian Saya Sih Begitu...??? Untuk Lebih Jelasnya Sobat bisa Lihat Gambar Atau Demo Dan Kalau Sudah Paham Mari Kita Lanjut Ke Cara Pembuatannya.

  • Pertama Silahkan Sobat Login Ke Akun Blogger Sobat.
  • Masuk Rancangan Lalu Pilih Edit HTML Dan Awas Jangan Sampai Lupa Centang Expand Template Widget.
  • Untuk Berjaga jaga Takut Ada Kerusakan Silhkan Sobat Backup Template Sobat Dulu.
  • Bila Langkah Diatas Sudah Mantap Selanjutnya Sobat Cari Kode ]]></b:skin> Pada Template Sobat.
  • Kalau Udah Ketemu Kode Diatas Silahkan Sobat Copy Kode Berikut Dan Taruh Tepat Diatas Kode ]]></b:skin> Tadi.

    /* Page Number */
    .showpageArea a {
    color:#fff;
    text-decoration:underline;
    }

    .showpageNum a {
    text-decoration:none;
    border: 1px solid #000;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3eL-IljhtnBKCGM1mTDQ0VcaoupyCRMON4BuZj28KLA2T_WI1M5JwSzgUFpES8H6Y1oNkWzeuc9zgdNx7_aD32s1ZsxhjiJJu96fwYFD7PmN-B1_-6BjHie4FooTLHFeaYYTEbRq-h7EL/s288/navi1.jpg) top left repeat-x;
    margin:0 2px;
    padding:10px;
    }

    .showpageNum a:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5ZpII5OEiZIz5mgncQghpDDzcSp2khttO5Kv6MqJMDHOfg7ZS3RAHgMRKtTuzrvftjle6iD7pGzYItT8XtG6euI8hUKT7yIns03X3iCkeR1GgISv471-XeRrtZOog0g4SNzW8dCsHWma/s288/navi2.jpg) top left repeat-x;
    }
    .showpagePoint {
    color:#fff;
    text-decoration:none;
    border: 1px solid #000;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5ZpII5OEiZIz5mgncQghpDDzcSp2khttO5Kv6MqJMDHOfg7ZS3RAHgMRKtTuzrvftjle6iD7pGzYItT8XtG6euI8hUKT7yIns03X3iCkeR1GgISv471-XeRrtZOog0g4SNzW8dCsHWma/s288/navi2.jpg) top left repeat-x;
    margin:0 3px;
    padding:10px;
    }
    .showpageOf {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3eL-IljhtnBKCGM1mTDQ0VcaoupyCRMON4BuZj28KLA2T_WI1M5JwSzgUFpES8H6Y1oNkWzeuc9zgdNx7_aD32s1ZsxhjiJJu96fwYFD7PmN-B1_-6BjHie4FooTLHFeaYYTEbRq-h7EL/s288/navi1.jpg) top left repeat-x;
    color:#fff;
    text-decoration:none;
    border: 1px solid #000;
    padding:10px;
    margin: 0 3px 0 0;
    }
    .showpage a {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3eL-IljhtnBKCGM1mTDQ0VcaoupyCRMON4BuZj28KLA2T_WI1M5JwSzgUFpES8H6Y1oNkWzeuc9zgdNx7_aD32s1ZsxhjiJJu96fwYFD7PmN-B1_-6BjHie4FooTLHFeaYYTEbRq-h7EL/s288/navi1.jpg) top left repeat-x;
    color:#fff;
    text-decoration:none;
    border: 1px solid #000;
    padding:10px;
    }
    .showpage a:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5ZpII5OEiZIz5mgncQghpDDzcSp2khttO5Kv6MqJMDHOfg7ZS3RAHgMRKtTuzrvftjle6iD7pGzYItT8XtG6euI8hUKT7yIns03X3iCkeR1GgISv471-XeRrtZOog0g4SNzW8dCsHWma/s288/navi2.jpg) top left repeat-x;
    color:#fff;
    text-decoration:none;
    border: 1px solid #000;
    }
    .showpageNum a:link,.showpage a:link {
    text-decoration:none;
    color:#fff;
    }

  • Selanjutnya Cari Kode Seperti ini </body> Dan Copy Kode Dibawah ini Dan Taruh Tepat Diatasnya Kode </body> Tersebut.

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script type='text/javascript'>
    var pageCount=5;
    var displayPageNum=5;
    var upPageWord =&#39;Prev&#39;;
    var downPageWord =&#39;Next&#39;;
    </script>
    <script src='http://filiex.googlecode.com/files/pager-number.js' type='text/javascript'/>
    </b:if>

  • Tahap Terakhir Sobat Cari Kode 'data:label.url' Dan Gantikan Atau Replace Kode Tersebut Dengan Kode Dibawah ini.

    'data:label.url + &quot;?&amp;max-results=5&quot;'

  • Bila Semua Sudah Selesai Harap Di Pratinjau Dulu Dan Bila Page Number Sudah Muncul, Sekarang Sobat Bisa Save Atau Simpan Template Sobat.
  • Selesai.

Cukup Sekian Dan Selamat Mencoba

Alfiona

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

6 comments:

  1. ondel ondelMarch 18, 2012 at 5:11 AM

    terima kasih kawan atas share ilmunya
    "ILU FULL"

    ReplyDelete
  2. Mr6taMay 1, 2012 at 6:11 PM

    bos cara supaya page number juga muncul saat user melakukan pencarian atau menekan label bagaimana? soalnya page number cuman muncul di halaman utama saja

    ReplyDelete
  3. UnknownFebruary 7, 2013 at 9:28 AM

    thQ Atas Infionya Om :D

    visit ya : http://cw4rt.blogspot.com/

    ReplyDelete
  4. UnknownJuly 14, 2013 at 6:53 PM

    Salam kenal mas...mohon ijin copas scrip untuk buat page numbarnya ya...coz keren. makasih sblmnya

    ReplyDelete
  5. UnknownJuly 14, 2013 at 7:04 PM

    Wow keren sekali mas page numbernya ...thank U so much...

    ReplyDelete
  6. kulkul galleryJuly 20, 2013 at 7:22 PM

    ijin copas scrip untuk page number ya mas...makasih.
    nugro



    ReplyDelete