Cara Membuat Tombol Next Page Prev Dengan Angka di Blog

Cara Membuat Tombol Next Page Prev Dengan Angka di Blog - Tombol next page ini sama fungsinya dengan tombol next page, previous, dan home yang terdapat pada bagian bawah postingan, namun yang satu ini kita merubah itu semua dengan angka, tujuan nya agar para pengunjung lebih mudah menjelajahi isi dari blog sobat.

Wpsiteseo.blogspot.com
Page Next Prev


Tombol next page yang satu ini berbeda dengan tutorial blogger lainnya, karena mungkin tutorial ini belum pernah ada yang share, dan kode JavaScript nya saya ambil dari beberapa sumber. Dan saya upload ulang alamat javascript nya untuk mencegah apabila, hosting di google code dihapus, ada baiknya sobat upload ulang untuk mencegah terjadinya error.

Cara Membuat Tombol Next Page Dengan Angka di Blog:
1. Login ke blogger.com

2. Pada dashboar -> template -> klik edit HTML

3. Kemudian tambahkan kode dibawah ini diatas ]]></b:skin>

/* Tombol Next Page Dengan Angka by WordpressSiteSeo
----------------------------------------------- */
.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
.showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
.showpage{margin:0}
.showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
.showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px}

4. Kemudian cari kode </body>, dan tambahkan kode dibawah ini tepat diatasnya:

<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord='Prev';
var downPageWord='Next';
</script>
<!-- Tombol Next Page by BlogKrizeer.blogspot.com -->
<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>

5. Simpan template

Catatan : silahkan sobat ganti angka "4", dan kata "Prev" dan "Next" yang saya kasih tanda kuning sesuai keinginan sobat. Angka 4 pertama itu akan menunjukan jumlah post yang ingin ditampilkan ketika mengklik salah-satu nomor pada tombol next page tersebut, dan angka 4 kedua akan menampilkan jumlah nomor yang ingin sobat tampilkan pada homepage blog sobat.
Tutorial ini tidak akan mengurangi seo blog anda.


Source : http://blogkrizeer.blogspot.com/


Komentar

Posting Komentar

Postingan populer dari blog ini

Cara mengatur jumlah posting pada label

Gambar
Cara mengatur jumlah posting pada label Mengatur jumlah posting yang ditampilkan pada halaman label itu menjadi sangat penting, agar tampilan posting pada halaman label tidak memanjang ke bawah dan terlihat rapi dan lebih professional. Bagaimana cara mengatur jumlah posting yang ditampilkan pada halaman label blog? Berikut simak langkah-langkah pembahasannya : 1. Login akun blogger Anda. 2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML. 3. Cari kode berikut dengan menggunakan Ctrl + F. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> 4. Setelah itu tambahkan kode + &quot;?max-results=5&quot; 5. Sehingga kodenya akan berubah seperti ini : <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a> Keterangan : Angka yang berwarna biru diatas adalah jumlah post yang akan ditampi
Baca selengkapnya

5 Trik melindungi TELEVISI anda dari sambaran petir

Gambar
SOBAT Rumah, Televisi atau TV merupakan barang elektronik di Rumah Anda yang gampang mengalamai kerusakan apabila terkena petir ya kan ? . Untuk mencegah kerusakan ini, Anda bisa mengikuti panduan agar Televisi di rumah anda tidak langsung mengalami kerusakan saat ada petir yang menyambar. apalagi saat musim hujan tiba Televisi vs Air Ada benarnya, saat musim hujan, Televisi rentan terkena masalah khususnya karena adanya petir. Tetapi, tahukah Anda dengan 5 trik jitu ini, dapat meminimalisir kerusakan TV karena cuaca. Ini dia tipsnya. C'mon Let's start do it! ↓ 1. Memakai Alat Penetral Listrik SOBAT Rumah, Kondisi Listrik yang tidak stabil dapat terjadi kapan saja dan dimana saja, terutama saat hujan disertai petir. Tidak hanya televisi, piranti elektronik lainnya juga rentan mengalami kerusakan apabila listrik rumah Anda tidak stabil. Voltase terlalu rendah bisa mengurangi kinerja elektronik, sedangkan voltase terlalu tinggi bisa memperpendek usia pakai elektronik. Lakukan Pem
Baca selengkapnya

Cara membuat blog di blogger.

Gambar
Cara Membuat Blog Gratis - Mungkin Sobat sedang kebingungan bagaimana cara membuat blog, apakah karena tugas sekolah yang diharuskan murid-muridnya mempunyai blog agar bisa mengikuti latihan dan mengerjakan tugas di blog masing-masing agar mendapat nilai, ataukah ada sebab lain seperti ingin berbagi kisah hidup, kata mutiara, kata bijak, kisah lucu, atau foto lucu supaya dapat diketahui oleh khalayak umum, ataupun Sobat ingin membuat blog karena ada teman yang bisa mendapatkan penghasilan dari adsense. Blog Blog pada dasarnya disebut sebagai Web Blog yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari tulisan terbaru hingga tulisan yang paling lama. Kenapa harus di blogger / blogspot? Karena di situs tersebut kita dapat membuat blog secara gratis dan juga telah bekerja sama dengan Google, jadi blog yang dibuat Sobat wpsiteseo.blogspot.com bisa tampil blognya di mesin pencari Google. Dan di Blogger.com t
Baca selengkapnya