Sunday, December 16, 2012

Cara Memasang Navigasi Halaman/Page Navigasi Blogspot

 Tutorial Blog Cara Memasang Navigasi Halaman/Page Navigasi Blogspot merupakan tutorial yang cukup digemari karena membantu pengguna ataupun pengunjung blog mengakses tiap halaman blog. dengan memasang page navigasi atau navigasi halaman pengunjung dapat melompat dari halaman satu kehalaman empat. pada setiap halaman, jumlah postingan yang ditampilkan juga bisa diatur sesuai keinginan pemilik blog. Contoh navigasi halaman bisa sobat Blogger Ziggy One lihat pada gambar berikut :



Demo atau contoh real dari page navigasi bisa sobat lihat pada halaman home page blog ini. Postingan ini juga sebenarnya berhubungan dengan pertanyaan sobat blogger Zyggy One Blogspot Yang sedang mengalami masalah pada page navigasinya sebagai berikut :


Berharap ini bisa membantunya. Khusus untuk sobat "Cpu Hang" yang pertama coba sobat hapus kode-kode page navigasi halaman yang sekarang, jika sudah sekarang ganti page navigasi mengunakan page navigasi berikut dengan langkah-langkah sebagai berikut pula.
  1. Login Halam Blogger Pilih Tata letak
  2. Klik Tambah Gadget
  3. Pilih HTML/JavaScript
  4. Masukan kode berikut :

  5. <style type='text/css'>
    #blog-pager{height: 28px;
        padding: 10px 0 0;
    overflow:hidden;
    text-align:center;
    }
    .showpageArea a {text-decoration:underline;
    font-size: 16px;
           text-align: center;}
    .showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}
    .showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
    .showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}
    .showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}
    .showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}
    .showpage a:hover {text-decoration:none;background: #cccccc;}
    .showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style>
    <script style='text/javascript'>var pageCount=5;
    var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script>
    <script style='text/javascript' src='http://dapurtutorial.googlecode.com/files/halamanblog.js'></script>
    <p style="display:none;">Page Navigation by<a href="http://dapur-tutorial.blogspot.com/" rel="dofollow">
    http://dapur-tutorial.blogspot.com/</a></p>
    Keterangan :
    • Kode warna merah adalah kode warna page navigasi bisa sobat sesuaikan
    • Kode warna hijau adalah jumlah yang ingin ditampilkan pada setiap halaman
    • kode warna biru adalah jumlah angka pada page navigasi yang ingin ditampilkan
  6. Klik Simpan
Jika sudah HTML/JavaScrip yang berisi kode page navigasi tadi drag kebawah eleman halamam postingan.


Terakhir jangan lupa disimpan. itu dia tutorial Blog Cara Memasang Navigasi Halaman/Page Navigasi Blogspot yang bisa Master cheft sampaikan untuk sobat "Cpu Hang" semoga bisa membatu. 

No comments:

Post a Comment

Enter your email address

Jika Sobat menyukai artikel Blog ini, masukan alamat email Sobat untuk mendapatkan posting terbaru dari saya langsung ke email sobat.

Enter your email address:

Delivered by FeedBurner

Penghasilan Saya Rp 28 Juta/bulan, Modal 105.000, Gabung Sekarang juga!
Mau Sukses Bisnis Online di Internet? Harus tau caranya. Segera gabung disini...

Please Bantu Saya, Like This !!!

×

Powered By Blogger Widget and Get This Widget