Add stylez numbered page navigation in blogger/blogspot.

Hi friends now add this very cool stylez numbered page navigation in blogger easily now.

PREVIEW

Follow simple and easy step to adding this special numbered page navigation in blogger--->>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger template.

*  Now find by CTRL+F key easily.

* Copy below code and paste before .

* Now again find this code ]] by CTRL+F key and copy below code before ]]
 

.showpageNum a{padding:4px 8px;margin:0 4px;text-decoration:none;background:#7B7272;color:#fff;font-weight:bold;text-shadow:0 1px 2px #000;}
.showpageOf{margin:0 8px 0 0;color:#000000;font-weight:bold;text-shadow:0 1px 2px #A5A5A5;}
.showpageNum a:hover{background:#000;color:#ffffff;text-shadow:0 1px 2px #000;}
.showpageArea{margin:10px 0;color:#111}
.showpagePoint{color:#fff;padding:4px 8px;margin:2px;background:#0097e1;text-decoration:none;font-weight:bold;border:5px solid #000000;}

* Now click to save your blogger template and now you are done. GOOD LUCK