Blog Me Number Page Navigation Widgets Kaise Add Kare

Blog banane ke bad blog me jyada se jyada traffic pane ke liye blog achi tarah se design karna bahut hi jaruri hai,blog ka template responsive aur mobile friendly hona chahiye,isme popular posts,recent post widgets, label aur search box hona chahiye jis se visitors hamari new aur old post asani se khoj sake



New aur old post khojne me Number Page Navigation widgets bhi help karta hai,iska use karke koi bhi visitors hamari site ki old posts asani se khoj sakta hai,Number page widgets se visitors asani se old post khojne ke liye piche ja sakta hai aur usko new post padhani hai to wo asani se age bhi a sakta hai

Blog me number page navigation widgets kaise add kare

Me apko number page navigation widgets add karne ka simple tarika bata raha hu jisko koi bhi new blogger asani se add kar sakta hai,iske liye apko apna template edit nahi karna hai bus apko ek HTML code add karna hai

Step-1

Log in to Blogger.com>Dashboard >Layout

Step-2

Ab new Gadgets editor ka page open hoga usme apko jaha bhi Number Page Navigation Widgets Add karna hai waha Add a Gadgets ke options me click kare

Step-3

Ab new page hoga usme kai sare options hoge usme se apko HTML/JavaScript ke option ko select karna hai

Step-4

Ab upper jo image hai us tarah ka page open hoga usme apko Title ke option me kuch bhi likhna nahi aur jo bada box hai usme apko niche di gayi Number Page Navigation ki style me se jis style ko ap add karna chahte ho uska code copy karke yaha paste kar dijiye

Style-1

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVnyx2lOW7OqCZaQ6_BUbBHcBILRkJVWLQPyujhgra5BsIyqoeIUwig0flxg-U23dZESaSmF088riCdQ2LFi5tGkZJ1JcYQOzIeYZXOdWJHqL_UH35Y8MT4H0oNZTddhOkp-7dcrX-F5g/w1-h26-no/ABT+nav1.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoIR1W2RUOtjWlDBlGSzYzpqzg8-At3nP2rS2VMtm9WquT9Yq4Nv4YihdlzQ0BEZ14l9aFd7j9btvxBsy9R2zLQfyuyT72tYAe7EnGzqmfnxMCwGoRMZ6fMgWyDJnF_qQpC78PIVpJEc8/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script>

Style-2

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh6.googleusercontent.com/-zvDQ4P4UvtA/UaxWjMa_yNI/AAAAAAAAADI/Sq_08RjZWAE/w1-h26-no/ABT+nav3.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoIR1W2RUOtjWlDBlGSzYzpqzg8-At3nP2rS2VMtm9WquT9Yq4Nv4YihdlzQ0BEZ14l9aFd7j9btvxBsy9R2zLQfyuyT72tYAe7EnGzqmfnxMCwGoRMZ6fMgWyDJnF_qQpC78PIVpJEc8/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script>

Style-3

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh3.googleusercontent.com/-w9ZA6PoJmXI/UaxcShxGABI/AAAAAAAAAD4/Cm_b0ycvJbg/w1-h26-no/ABT+nav4.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoIR1W2RUOtjWlDBlGSzYzpqzg8-At3nP2rS2VMtm9WquT9Yq4Nv4YihdlzQ0BEZ14l9aFd7j9btvxBsy9R2zLQfyuyT72tYAe7EnGzqmfnxMCwGoRMZ6fMgWyDJnF_qQpC78PIVpJEc8/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script>

Ap,upper diye gaye kisi bhi style pasand karke uska code copy karke HTML/JavaScript ke box me paste karde aur last me Save ke option me click karde aur ekbar apna blog open karke check karke dekh lijiye ki Number page navigation widgets sahi tarah se work kar raha he ya nahi

Note:Ap Number page widgets ke HTML/JavaScript code ko kahi bhi laga sakte ho lekin ye show to post bar ke niche hi hoga

Source by:allbloggertips

I hope apko ye post pasand ayi hai aur use social media me share karna na bhule

Agar is post ke bare ap kuch kahna chahte hai to ap muje comment kar sakte ho

Blog Me Number Page Navigation Widgets Kaise Add Kare 2016-08-24T07:52:00+05:30 Rating: 4.5 Diposkan Oleh: Prahlad