Skip to main content

Tutorial Membuat Tombol Navigasi Halaman Blogger

Kali ini akan saya share cara membuat tombol navigasi halaman/page pada blog. Tombol navigasi halaman adalah tombol yang digunakan utnuk memilih page/halaman pada blog utnuk mencari postingan yang diinginkan (postingan sebelumnya), sebagai contoh lihat pada gambar disamping. Untuk membuatnya ikuti langkah-langkah berikut :

Cara Membuat Tombol Navigasi Halaman

  1. Login ke Blogger, lalu pilih rancangan > edit html dan centang Expand Template Widget.
  2. Cari kode script ]]></b:skin> , dan letakan script berikut tepat diatas kode ]]></b:skin>.
    .showpageArea a {
    text-decoration:underline;
    }
    .showpageNum a {
    text-decoration:bold;
    border: 0px solid #cccccc;
    margin:0 3px;
    padding:10px;
    }
    .showpageNum a:hover {
    border: 0px solid #ffffff;
    background-color:#transparent;
    }
    .showpagePoint {
    color:#00ff0c;
    text-decoration:bold;
    border: 0px solid #cccccc;
    background: #transparent;
    margin:0 3px;
    padding:12px;
    }
    .showpageOf {
    text-decoration:bold;
    color:#ff7e00;
    padding:10px;
    margin: 0 3px 0 0;
    }
    .showpage a {
    text-decoration:bold;
    border: 0px solid #cccccc;
    padding:10px;
    }
    .showpage a:hover {
    text-decoration:bold;
    }
    .showpageNum a:link,.showpage a:link {
    text-decoration:bold;
    color:#ff7e00;
    }
  3. Selanjutnya cari kode script </body>, dan letakkan script berikut di atas kode </body>.
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script type='text/javascript'>
    var pageCount=4;
    var displayPageNum=5;
    var upPageWord =&#39;Previous&#39;;
    var downPageWord =&#39;Next&#39;;
    </script>
    <script src='http://nthoeng.googlecode.com/files/navigasi.js' type='text/javascript'/>
    </b:if> 
  4. Ganti angka berwarna merah sesuai dengan jumlah posting yang ingin ditampilkan setiap page/halaman.
  5. Jangan lupa Simpan Template, untuk melakukan perubahan warna, ubah pada kode warna pada script yang diletakkan di atas ]]></b:skin>. Kode warna diawali dengan tanda pagar (#) dan terdiri dari 6 karakter.

Comments

  1. makasih sob..

    blog sobat keren..

    ReplyDelete
  2. thank's sob

    don't forget follow my blog

    http://reza-solidaritas.blogspot.com/

    ReplyDelete
  3. ,,Makasih mas brow,,,Sipp poko'e . . .

    ReplyDelete
  4. oke sob keren ni infonya
    jangan lupa berkunjung juga ke blog saya
    http://nonimaxidoid.blogspot.com/

    ReplyDelete
  5. Maxidoid
    Keren juga nih infonya.
    Thanks Ya Broo.
    Mohon Kunjungan Baliknya ya bro http://www.nonimaxidoid.com

    ReplyDelete
  6. ituDewa Poker Domino QQ | Ceme Judi Domino QQ | Agen Domino QQ | Domino QQ Online | Agen Poker |

    MAINKAN DAN MENANGKAN HADIAH TOTAL PULUHAN JUTA, TANPA DI UNDI !!!
    Jika Telah Mencapai Turn Over Selama Satu Bulan (periode per-tanggal 6 NOVEMBER - 6 DESEMBER 2019)
    Maka Member Berhak Mendapatkan Hadiah Langsung Sesuai Dengan Daftar Hadiah Yang Ada Di Bawah Ini:

    - Juara 1 DAIHATSU ALYA 1.0 D MANUAL (Senilai Rp.100.000.000,-)
    - Juara 2 Honda Sonic 150R
    - Juara 3 BLACK SHARK 2 8GB/128GB

    SYARAT DAN KETENTUAN : ituDewa

    Yuk Langsung Gabung Tunggu Apa Lagi !!! Daftar ituDewa
    Minimal Deposit Rp.25.000,- Dan Withdraw Rp.50.000,-
    Bonus Cashback 0,3% Dan Referral 20%
    Promo Bonus Deposit NEW MEMBER 10%

    => Menerima Deposit Via : OVO, PULSA XL, PULSA TELKOMSEL

    Line: ituDewa
    WeChat : OfficialituDewa
    Telp / WA : +85561809401
    Livechat : ItuDewa Livechat

    Kunjungi Juga Bimbingan Kemenangan Main Judi Online :
    => Tips Menang Bermain Poker Online
    => Inspirasi Gaya Hidup

    ReplyDelete

Post a Comment

Popular posts from this blog

MouseFix: Solusi Mengatasi Mouse Sering Double Klik

Banyak orang sering megeluh karena mouse yang digunakan tidak berfungsi dengan baik, salah satunya ialah masalah double klik. Masalah ini sering kita jumpai ketika kita sedang menggunakan mouse terlebih bila mouse tersebut sudah cukup lama digunakan. Hal ini tentunya sangat mengganggu pengguna komputer, apalagi gamer seperti saya.

Arti Angka pada Seri VGA NVidia dan AMD/ATI Radeon

VGA (Video Graphics Array) adalah salah satu komponen utama penyusun komputer maupun laptop. Ketika membeli laptop atau merakit komputer, jenis/tipe VGA adalah salah satu hal yang paling penting diperhatikan. Hal ini tentu saja supaya komputer/laptop yang akan dipakai nantinya bisa sesuai dengan keperluan kita, terutama untuk keperluan gaming jangan sampai salah pilih VGA.

15 Efek Keren Photoshop serta Cara Membuatnya

Belajar Adobe Photoshop memang sangat menyenangkan bagi banyak orang. Bukan hanya para desainer, tetapi banyak orang biasa bisa menguasainya. Adobe Photoshop mempu mengedit foto menjadi menakjubkan serta ia mampu menciptakan efek luar biasa pada foto buatan. Tangan yang ahli dan memiliki jiwa seni adalah hal yang dibutuhkan.