Setelah beberapa kali melihat, memilih dan mencoba beberapa tutorial yang diberikan oleh para master Blogger Tutorial, akhirnya terpilihlah tutorial yang cukup sederhana dari salah satu blogger Indonesia yang sudah mendunia Abu-farhan. Dalam coding yang dibuat olehnya dengan beberapa penyempurnaan dari beberapa artikel sebelumnya, termasuk dari Annesh Bloggerplugins kita dapat memperoleh hasil valid dalam test Validasi HTML W3C. Mari kita tilik beberapa contoh blog blogger yang sudah menggunakan Page Navigation Blogger buatan Abu-farhan.
Pada template Classic kita bisa melihat pada web Deconstructioncode.
Pada template XML anda tentu sudah melihatnya pada halaman index blog ini.
Untuk penerapannya saya tidak akan membahasnya pada blog ini, yang jelas yang pertama kali anda lakukan adalah login ke account blogger anda dan menuju halaman Edit HTML. Bagi anda yang ingin menerapkan code ini, anda bisa langsung menuju ke halaman Numbered Page Navigation yang di buat Abu-farhan. Bagaimana cukup mudah dan menarik kan? Setelah berhasil menerapkannya pada blog anda kini tugas anda sendiri untuk menyesuaikan CSSnya sehingga terlihat cocok dengan blog anda.
Sekian dari saya tentang cara membuat Numbering Page Navigation pada Blogger.
19 Comments for Numbering Page Navigation Blogger:
Saya pernah coba pasang di salah satu blogspot saya, kok gak tampil yah? apa ada kesalahan dalam penempatan kode nya gt?... Thanks neh bos.. keep sharing
Blog yang dipake itu template modified ya? kalo iya memang ada sedikit penyesuaian / penempatan yang mungkin berbeda, karena pada dasarnya semua Blogger Hack di ujicoba pada template bawaan blogger / minima.
anyway ini scripts terbaru dari abu-farhan, dan baru sedikit yang mencobanya. mungkin anda mencoba yang versi lama. jadi silakan di update, tampilan scripts yang ini lebih atraktiv kok dengan code yang cukup singkat :)
selamat mencoba..
bisa kasih tahu juga rahasianya biar tulisan widget by .... tidak tampil, kok agak mengganggu gitu lo...
@Rudy .: ada 2 cara bro, tapi lebih etis kalau tanya ama yang empunya kredit (abu) kalau minta izin pasti dikasih kok caranya.. enjoy aja
Clue: CSS :)
udah gue tanya tapi harus usaha sendiri katanya. hiikss...
Kalau kredit tetep ada tapi di hidden bisa pake CSS bro, coba bermain di bagian #blog-pager :D
kalau misal mau ngilangin dari JSnya juga bisa. :D (kata si abu) perhatiin aja link url .js nya, harus jeli liat alamat link itu :P
wah rudy kapan nanyanya ke aku, belum ada tuh. ya silahkan Mas deny bilangin aja ga apa kok
@Abu Farhan, nggak nanya langsung sih, cuma ada yang nanya seperti itu, jadi ya TOS harus dipatuhi juga..
@Denny, udah ada izin dari Abu, silahkan mainkan rumusnya
@rudy .: pada dasarnya saya sudah membeberkannya lo, berhubung karakteristik template kita berbeda, jadi harus kamu sesuaiin sendiri / dipasin sendiri istilahnya.
kuncinya terletak pada #blog-pager coba dimodif widthnya. :D
mau gampang lagi,, ubah versinya jadi 200 :D
selamat mencoba. :)
thanks berat friend udah gua coba...
huhu...link gw nggk ada di sini....
bro, link mu kalo di klik kok nggk ada garis2 nya seeh? ajarin dunx...punya gw kalo habis di klik ada garis2 yg mengelilingi anchor....
hmmm.. gimana ya, sebetulnya langkah yang aku ambil dengan menghilangkan garis itu agak salah.
fungsi dari garis2 itu sendiri adalah ketika orang hanya menggunakan fungsi TAB pada keyboard untuk menuju suatu link :D ex: coba kamu buka blogmu, terus tekan TAB 3/4 x.. :)
untuk menghilangkannya, tambahin code CSS
*{outline:none;}
menarik buanget bro....
pengen coba akh...
wah..sangat berguna sekali artikel ini.Page number bisa mendatangkan pageview yang tinggi.Thx ya Oblo...
Numpang pasang link ya?!
http://gr4tisan.blogspot.com
@Abu Farhan...Izin modif ya? terimakasih
@Denny...Menghilankan Page 1 of blablabla gimana kang?
@padly .: bermain pada CSS sob .showpageOf {display:none;}
@Denny & Abu Farhan....Mantafv sangat bro, sekali lagi Hatur Tararengkyu
Pagination ya. Saya sih dak seberapa suka. btw anda sendiri dak pasang ya???
Poskan Komentar
Spam is not Good for your Body :)