Page navigation for Blogger with Google Style
September 26th, 2009
After my modification of Page Navigation from www.techieblogger.com actually I want to make new style for page navigation but I think other designer will make better so I’ll wait for that. When I saw Catalog Tutorial template I have one inspiration to make page navigation with google style only for Kang Jaloee. Now I will give this for all of you if you want to use or modify base on you template style.
Method is same with Page Navigation for Blogger (Problems Solved)
different only style and js
Javascript Page Navi for Blogger
Screenshoot for Page Navi
41 Responses to “Page navigation for Blogger with Google Style”
Leave a Reply
OLA ESTOU MONTADO MEU SITE COMO BLOG
EM XTML.
QUERIA SABE COMO ESTALA
ISSO OK.
ATE MAIS
[...] Page navigation for Blogger with Google Style [...]
where i have to paste the code?
how to post it to blogspot?
Ma sha Allah, brother. I am now tempted to test it on Blogger to see how it works.
bagus nih, sudah saya coba. 100% sukses, tanpa ada pesan eror. mantap kang abu nih. terima kasih
sorry ya yang tentang js thu, ku masih baru nge-blog jadi gak tau apa”,. js nya dh di ganti, n postingan nya juga,. dh di kasih link sumbernya,,. skli lagi sorry,. maaf,. klo masih ada kesalahan shar ya,. kasih tau yang lbh baik buat aku,. ok,. thanks,.
Hi bhai
Assalam alaikum, just now u have visited my blog. i want to talk with you. Its important. Please come on gtlak for 5 mins only.
[...] Page navigation for Blogger with Google Style [...]
mantab ne,.,.dah lama bgt ane cari2 :) sukron katsiron
afwan
mahsallah its very nice
thank you bro
unik ya page navigasinya… boleh tuh.
Makasih trik nya… coba dulu ahhh…..
sangat menarik.. yeyapi saya rasa lebih baik lagi jika pengaturan (style) nya dibuat agar persis plek dengan kepunyaannya mbah google
Iya sebenarnya ini cuman iseng aja gara2 liat template kang jaloe, kang jaloe bikin Boogle kayak Woogle(WP theme) dimana Woogle gagal untuk menghasilkan page navi yg sama persis dg google. untuk versi blogger ini sudah sama persis dg google karena css dan Tablenya saya ambil langsung dari google.
I want to try it on my blog, but it is still difficult to implement. Understandably new blogger
You can try first. If you have problem you can drop comment in here.
Peace be upon you,
that works nice,,,
thank you very much,
May Allaah help you….
Alhamdulillah
Barakallahufiikum
allah ywafeqak Akhee, and grants you the best reward
There is one small problem in this widget , it’s shown only in in the home page, but when we click on a category, or title post we see only the older ” older post” and “newer post”
it doesn’t appear here
http://islamicpdf.blogspot.com/search/label/ALLAH
but it appears only int home page http://islamicpdf.blogspot.com
you may check it after your study finish ,
jazak allah khair
Now http://islamicpdf.blogspot.com finish to follow my instructions it can show in label mode
If you can try you have to read carefully how to implement this js by read until end of my post in page navigation http://www.abu-farhan.com/2009/09/page-navigation-for-blogger-problems-solved/
What an innovative solution for blogger and readers to navigate easily and fast.
Insya Allah after my study finished I’ll release new method for this navigation to make it faster than before. Thanks
Hey yaar very nice site I am also a blogger and blog on http://gobblerr.blogspot.com ,but the speacial thing is that i am the pakistans youngest blogger age 16.
SAlamu alaykum
This one look nice , masha allah
I tried it in my blog , but unfortunately it did’t work :(
PLZ could you make an easy tutorial for this , i relly need this widget , baraka allahu feek
Wa’alaikumsalam
Wafeekabarakallahu
Alhamdulillah, you like this widget, I hope, I can help you.
Yes my tutorial not so good because I only concentrated to the script, for making good tutorial anesh did it he use my script for normal page nav in his blog with good explanation. this is his blog
http://www.bloggerplugins.org/2009/09/numbered-page-navigation-for-blogger.html
If you have problem you can ask me or anesh in his blog
after you can use normal page navi you can use this js from my script
SALAM Brother,
Masha allah it works now , baraka allah feek, it’s Perfect widget,
I have installed it finally, even i don’t know where to paste this code ” cssgoogle.txt ” , I just paste it under this one ” css.txt ( Page Navigation for Blogger (Problems Solved )” and it works : )
the first time i tried only cssgoogle.txt without css.txt
but it didnt work.
I hope you integrate this widget in all new template you have or you are wiliing to create in the future insha allah : ).
Jazak allah khair,
Wa’alaikumsalam
Alhamdulillah, Wafeekabarakallah.
For template use that page navi, my frien already integarted in his “Google blogger/Boogle” template you can download from here
http://catalog-tutorial.blogspot.com/2009/09/free-google-template-for-blogger.html
For make new template maybe later after my study finish, make doa for me I can finish this semester, Insya Allah I can make new template and hack for blogger after that.
allah ywafeqak Akhee, and grants you the best reward
There is one small problem in this widget , it’s shown only in in the home page, but when we click on a category, or title post we see only the older ” older post” and “newer post”
it doesn’t appear here
http://islamicpdf.blogspot.com/search/label/ALLAH
but it appears only int home page http://islamicpdf.blogspot.com
you may check it after your study finish ,
jazak allah khair
wafeeka barakallah
The problem is you are not finish to follow the instructions check again –> Modification Step for Label :
thats the step you forgot to input
waiyyakum
Wassalamu’alaikum warohmatullah
maaf sebelumnya, jika js-nya gabung di dalam kode html sepertinya akan bermasalah dengan validasi, tapi saya juga tidak tahu bagaimana cara agar
css,htmldan js terpisah masing2, soalnya tidak paham bahasa js :).terimakasih, blog ini sangat bermanfaat tip dan triknya.
wah ahli html dan jquery bilang ga ngerti, saya mah ngalah aja deh. Untuk validasi blogger pasti bisa karena itu dah berupa encode. Utk validasi html emang bakal nambahin kesalahan html, yg sebelumnya sudah ada kesalahan html dari format htmlnya blogger. ya utk mengurangi kesalahan html gitu masukin ke file aja, cuman masalah utk blogger soal file js ini masih belum nemu yg pas, yg paling kuat cuman googlecode dan archive sih cuman belum pas dg TOS nya mereka
wah, hehehe…, saya cuman user, kalo disuruh buat ngak bisa.
Yup masalah jsnya mesti di simpen dalam bentuk file, nah itu dia persoalannya tempat penyimpanannya, mungkin pengguna blogger mesti saweran beli hostingan untuk beli tempat hostingan…hehehhe. makasih Abu.
Bom , proxima vez que eu for comentar eu usarei o google language tools para facilitar eu trabalhor rsrs .
Mas assim , porque voce não transforma este gadget de paginas (ja que esta sem bugs)
Em um Gadget BLOGGER ?
assim como a Amanda do BloggerBuster fez com ‘ postagens recentes ‘ e twitter etc .
Voce poderia fazer com o gadget de paginas .
Eu ate poderia estudar como faz mas acho que deveria ser feito por um dos idealizadores .
Mais uma vez parabens pelo conteudo e sinceramente se voce fazer isso garanto não so eu como MUITOS ficariam agradecidos por voce.
Obrigado
You can download here Google Template
nao nao ,eu n quero o template rsrs
eu so fiz a sugestão, eu crio meus templates .
mas pense no assunto do eu disse sobre criar os GadGets
:)
Gostei muito do estilo ‘ google ‘ muito criativo , seria melhor se conbinado com um template google tambem , rsrs
Parabens pelo conteudo muito bom =)
Thanks, if you want that kind of template you can ask boogle to publish that template
salah satunya sy share boogle template.. karena ada permintaan di sini..heueu.. sukron mas :D
Boleh ana post di blog ana ga ?