Blogger9:- Now add best numbered page navigation with stylish hover effect in your blog.

Hello friends this page navigation have best hover effect and it is very stylish so add this page navigation menu in your blog and replace newer post and older post because it is not make your blog effective for your visitor.

Follow simple step to add this page navigation menu in your blogger blog ----->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click small box to expand your blogger template.

* Now find this code ]] by CTRL+F key from your browser.

* Copy below code and paste before ]]

/* -- NUMBER PAGE NAVIGATION BY BLOGGER9.COM-- */
.showpageArea {float:left;}
.showpageNum a{font:12px Arial,Verdana;padding:3px 6px;margin:0 4px;text-decoration:none;background:#6f6f6f;color:#fff;border:1px solid #39312e}
.showpageOf{margin:0 8px 0 0;color:#222;font:12px Arial,Verdana}
.showpageNum a:hover{color:#fff;background:#0282dd;border:1px solid #00558f}
.showpageArea{margin:10px 0;font:12px Arial,Verdana;color:#111}
.showpagePoint{color:#fff;padding:3px 6px;margin:2px;border:1px solid #00558f;background:#0282dd;text-decoration:none}
.showpage{padding:3px 3px;margin:0 4px;text-decoration:none;background:#6f6f6f;color:#fff;border:1px solid #39312e;font:12px Arial,Verdana}
.showpage a{text-decoration:none;color:#fff;border:0px solid 39312e;font:12px Arial,Verdana}
.showpage:hover{padding:3px 6px;margin:0 4px;text-decoration:none;background:#0282dd;color:#fff;border:1px solid #00558f;font:12px Arial,Verdana}
.showpage a:hover{text-decoration:none;background:#0282dd;color:#fff;border:0px solid #00558f;font:12px Arial,Verdana}

* After above step now find by CTRL+F key .

* Now copy below code and paste before

* Now save your blogger template now and refresh your blog and you are now done.