BizriL blog

7.1.15     + Bagikan / Simpan Post Ini

Menambahkan Nomor Halaman Pada Blogger

Hallo sobat blogger.. Siang ini matahari bersinar cukup terik, tetapi jangan mematahkan semangat untuk tetap beraktivitas, semoga kita semua selalu dilimpahkan kesehatan dan kemudahan untuk melaksanakan semua kegiatan, Aamin YRA.

Pada hari yang cerah ini Bizril akan membahas tentang Trick dan Tutorial untuk menambahkan nomor halaman pada Blogger seperti yang digunakan pada Bizril blog ini, tepatnya di bawah posting paling bawah tepat di atas footer. Nomor halaman ini sekaligus menggantikan link Prev / Next yang muncul sebagai bawaan template blogger.


Trick dan tutorial ini ditemukan saat jalan-jalan (blogwalking) mengelilingi dunia blog dari sebuah blog ternama. Nomor halaman pada blog saya pikir itu penting untuk membantu navigasi dan lebih baik daripada link nex/tprev, kamu bisa menggantikan link next/prev pada blog dengan nomor halaman.

Langsung saja ke pembahasan inti untuk menambahkan nomor halaman pada blog, begini prosesnya :

+ Menambahkan Script CSS

1. Login ke blogger

2. Klik Template

3. Klik Edit (backup dulu template sebelum mengeditnya)

4. Cari (Ctrl-F) kode : ]]></b:skin>

5. Pilih salah satu tampilan nomor halaman di bawah ini, copy (Ctrl-C) scriptnya

# Tampilan 1


# Tampilan 2


# Tampilan 3


# Tampilan 4


# Tampilan 5


# Tampilan 6


# Tampilan 7


6. Paste (Ctrl-V) script tepat di atas kode : ]]></b:skin>

7. Untuk menghilangkan tombol First dan Last tambahkan script di bawah ini di bawah script tadi


+ Menambahkan Script HTML

1. Cari (Ctrl-F) kode : </body>

2. Copy (Ctrl-C) script di bawah ini



3. Paste (Ctrl-V) tepat di atas kode : </body>

4. Edit script sesuai dengan keinginan, dengan ketentuan :

- perPage diisi dengan jumlah post yang tampil pada setiap halaman
- numPages diisi jumlah halaman yang muncul pada navigasi
- firstText diisi keterangan menuju ke halaman pertama (halaman 1)
- lastText diisi keterangan menuju halaman terakhir
- prevText diisi keterangan menuju halaman sebelumnya
- nextText diisi keterangan menuju halaman berikutnya

+ Mengedit HTML Template

1. Cari (Ctrl-F) ada beberapa kode ini : expr:href='data:label.url'

2. Ganti kode itu dengan kode di bawah ini :



Angka 5 adalah jumlah post yang ditampilkan pada setiap halaman, ganti dan sesuaikan dengan blog kamu.

3. Klik tombol Save Template (Simpan Template)

Selesai. Kamu sudah berhasil menambahkan nomor halaman pada blog. Selamat mencoba.

Baca juga post Bizril blog yang lain :

+ Backlink Gratis dari SItus Media Berita Online

+ Menyambut Tahun Baru 2015 Masehi

+ Tips Trick Main Game Pets di Tagged

+ Cek Koneksi Internet Speedy

+ Membuat dan Mengedit Screenshot dengan Paint

Blogger, Trick, Tutorial, CSS, HTML, Javascript, Nomor, Halaman

facebook comments
logo32g 2 comments

2 komentar:

  1. lengkap banget ,terima kasih saya sudah terpesang pageination ini

    BalasHapus
    Balasan
    1. BizriL blog8:41 AM

      Mas Rip : Sama2 gan, sengaja dibahas secara lengkap agar mudah untuk diterapkan, semoga bermanfaat

      Hapus

Bizril Blog ™ adalah DoFollow blog
.
Tulislah komentar dengan menggunakan bahasa yang baik dan tidak menyinggung SARA (Suku, Agama, Ras dan Antar golongan). Usahakan agar komentar anda relevan dengan topik bahasan.
Boleh menyertakan 1 link pada komentar, tetapi jika lebih dari 1 link akan dihapus.
Terimakasih atas komentar anda.