Number Page Navigation Widget Add kare Blogger Blog me

Hello Blogger jese ki aap jante hi hoge mene blogger ki bhut si jankari share ki hai HMH.pe jo aap www.HMH.pe/Blogger par dekh sakte ho.

Blogger par blog banane ke baad ham uspe badiya post dalte hai or hamara maksad hot ahai ki jada se jada log hamare blog ko chalaye..

Advertisements

Hamare blog ka Design bhut hi mhatpun Hissa hai kisi visitor ko apne blog par banaye rakhne me.. BLog ka Design Responsive hona chaiye or usme jaru widget bhi add hona chaiye.. Agar koi Visitor hamare blog par aaye or usko jo bhi post padna ho wopad sake uski pasand ki uske liye Labels use kare, Search Box use kare, Popupar, Recent Post widget bhi use kare..

Ham Blog me bhale kitni hi badiya post likh kar dalde, par uska navigation aesa hona chaiye ki koi bhi usko aasani se chala sake or apne kaam ki post pad sake..

Pade:Badiya Post likhne ke 5 tarike

jese ki aapko pata hi hoga post ki koi limit nahi hai ham kisi bhi post publish kar sakte hai, par agar kisi ko hamare blog ki koi purani post padni ho to usko usko piche ke page me jane ke liye ham Number Page Navogation add karke usko aasan kar sakte hai.

Number Page Navigation Widget Add kare Blogger Blog me hindi main

Number Page Navigation ki madad se hamare blog ki post ke page ki list aajati hai, par agar ham isko use nahi karte to purani post ko padne ke liye ek-ek page piche jana hoga jo ek sahi upai nahi hai.. TO Chaliye Dekhte hai kaise Number Page Navigation ko add kare apne blog me.

[alert-announce]ye jo Number Page Navigation Widget hai ye ho sakta hai aapke blog me add ho agar aapne koi Custom Template use kiya hai apne blog me. Agar aap blogger ke basic template use karte hai to aap isko add ka.[/alert-announce]

Blogger Blog me Number Page Navigation Widget add kare

Is Widget ko apne blog me add karne ke liye hame 2 chije add karni hai

  1. CSS Code add karna hai blog me
  2. ek Script hai usko add karna hai template me

Note: Code ko apne Template me add karne ke phele apne template ka Backup jarur lele, agar kahi koi galti ho jati hai to aap pir se apna purana template use kar sakte hai.

CSS Code kaise add kare Blogger me

CSS Code kaise add karte hai blog me uske bare me phele hi bata chuka hu.. jaanne ke liye pade 3 taike CSS Code blogger me add karne ke.

abhi me short me bata deta hu –

Blogger Deshboard >> Template >> Edit Template >> ab CSS Code ko ]]></b:skin> ke upar dale.

Aapko jis style me apne blog me Navigation widget add karna hai uska code copy kare.

Style 1

navigation type 1

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;}
.showpageOf{display:none!important}
#blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;}
#blog-pager .pages{border:none;}

Style 2

navigation type 2 hindi me help

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

Style 3

navigation type 3 hindi me help

#blog-pager{clear:both;margin:30px auto; padding: 7px; text-align:center;font-size: 11px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #292929));background-image: -o-linear-gradient(top, #000000 0%, #292929 100%);background-image: -moz-linear-gradient(top, #000000 0%, #292929 100%);background-image: -webkit-linear-gradient(top, #000000 0%, #292929 100%);background-image: -ms-linear-gradient(top, #000000 0%, #292929 100%);background-image: linear-gradient(to top, #000000 0%, #292929 100%); padding: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 10px;margin-right:5px; color: #fff;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #59A2CF),color-stop(1, #D9EAFF));background-image: -o-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -moz-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -webkit-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -ms-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: linear-gradient(to top, #59A2CF 0%, #D9EAFF 100%);text-decoration: none;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.showpageOf{display:none!important}.blog-pager-older-link, .home-link, .blog-pager-newer-link {background: transparent;}
a.blog-pager-older-link, a.home-link, a.blog-pager-newer-link {color: #fff;}
#blog-pager .pages{border:none;background: none;}

Style 4

navigation type 4 hindi me help

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Style 5

navigation type 5 hindi me help

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;}
#blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Style 6

navigation type 6 hindi me help

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Style 7

navigation type 7 hindi me help

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Note: Agar aap “First” or “Last” option ko nahi dikhana chaite to ye CSS Code bhi add kare.

.firstpage, .lastpage {display: none;}

Ab CSS ka kaam to pura huaa, ab Script add karna hai.

Number Page Navigation ki script add kare

Is Script ko Template me hi add karna hai, to Template ko editor me kholne ke baad Ctrl+F daba kar </body> search kare template me.

ab Code ke upar is code ko daal kar save kare

<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<script type=’text/javascript’>
/*<![CDATA[*/
var perPage=7;
var numPages=6;
var firstText =’First’;
var lastText =’Last’;
var prevText =’« Previous’;
var nextText =’Next »’;
var urlactivepage=location.href;
var home_page=”/”;
/*]]>*/
</script>
<script src=”http://hindimehelp.com/tools/WidgetCodes/page-navigation.js”/>
</b:if>
</b:if>

Is Code ko template me dalne ke baad template save karde..

Aap Chahe to is code ko edit karke apne hisab se set kar sakte hai.

Jo Script ka code hai usme ye code bhi hai

perPage: 7,
numPages: 6,
var firstText =’First‘;
var lastText =’Last‘;
var prevText =’« Previous‘;
var nextText =’Next »‘;
}

  1. perPage: 7hai uski jagha aap ek page me kitni post dikhana chate hai wo set kar sakte hai.
  2. numPages: 6: Number Page Navigation Widget hai usme Number dikhte hai dusre page par jane ke liye.. abhi jo is code me set hai wo 6 hai. aap isko apne hisab se kam jada kar sakte hai.
  3. First‘, ‘Last‘, ‘« Previous‘, ‘Next »‘ ye jo sabd hai inki jagha aap chahe to apni pasand ke sand dal sakte hai.. Hindi me bhi.

is trha aap is widget ko apne hisab se bhi set kar sakte hai, agar isme kahi koi dikkat aati hai to comment karke aap bata sakte hai..

Ab hamare blog par agar koi aayega to wo number navigation ki madad se aasani se hamare blog ko use kar sakega..

Ye Bhi Pade: Blogspot ki Security badaye HTTPS se

Labels Post

Agar koi labels par click karke hamare blog ki post dekh raha hai to ek page par 20 post dikhegi, usko set karne ke liye ye code add kare apne template me.

Sabse Phele apne template me ye code search kare

expr:href=’data:label.url’

ab is code ki jagha niche ka code dale

expr:href=’data:label.url + “?&amp;max-results=7″‘

isme ek page par post ka number 7 hai aap isko change kar sakte hai.

Script Source: Helplogger

Ummid hai dosto aapko ye jankari upyogi lagi hogi, blogger se sambandit koi bhi sabal ho to aap comment karke puch sakte hai or blogger ki or jankari ke liye yaha click kare

Ye Post bhi pade:

Share on:

Hello Friends, I'am Rohit Mewada .. HMH ka Admin. Muje Logo ki Help Karna Acha Lagta hai or Is website Par Me Logo ki Hindi Me Help karta hu :)  Read More...


Leave a Comment

Please Read HMH Comment Policy before Comment.

146 thoughts on “Number Page Navigation Widget Add kare Blogger Blog me”

  1. sir humse koi galti ho gai ho to mujhe aap hamre cmt delet kar de rahe .please sir aap hamari madad kare hmara site map nai add ho raha hai app koi site suggess karo site map generate karne ki

    Reply
  2. rohot bhai maine blogger se website banai hai sahi chal rahi hai lekin meri aap se kuchh chizo pe jaankari chahta hun aapki bahut meharbani hogi agar aap mujhe bat de to maine aapki site se apni site banane ka nishchay kiya tha
    1 meri website aapki website ki tarah se nahi ho paa rahi jaise ki aapke opption aate hai sawal jabab, contect us, home . inko kaise mai apni site me use kar sakta hun vo bataye
    2 mer blog me jo template use kar raha hun usme kuchh option aate jaise ki fasien,business ,sports , game
    3 apan whatsapp like kaise kare taki meri nayi post whatsapp number sheyar ho jaye
    4 apni post me old post ko kaise highlite karu jaise aapki post me hota . apki post me bich me blu dikhati hai esa mai kaise kar sakta hun

    Reply
  3. magar sir main to kewal site map ke code ko copy karke laga raha hun
    ek bhi link nai chut rahihai please sir meri kuch help kare mere liye ye ek badi problems hai

    Reply
  4. mere website me ek bhaut bari prblm aa gyi hai. mene pahle apka hmh wala template lagay phr apke diye huye 250 wale me se aaj ek template use kiye toh. purane template ka navigation aursearch box jisye edit nhi kr skte wo remove nh ho raha hai plz helpkare.. mae koi bhi template use krta hu toh wo widget nh hat rha hai help

    Reply
  5. bhai mere blog me ye code kaam nahi kar rhe he hai please help me
    and bro aap apne computer ki screen kis software se record karte ho mujhe btao kyoki me jis software se karta hu wo video bahut hi jyada mb ke bante hai mujhe kam mb me bnne wala software btaye .

    Reply
  6. THANK U SIR ROHIT AAPKA RERSPONSE MUJHE MIL GEYA . KYA HUA AAPKI TABIYAT KO ABH THEEK HO NA AAP , AUR BRO MUJHE JE BTAO KI MERE BLOG ME MAINE 2 POST ADD KI HAI AUR Mera BLOG/ INDERDON.BLOGSPOT.COM CHECK KARNA AUR MUJHE BATANA KOI KYA KAMI HAI AUR MAI B AAPKI TARA KAAM KARNA CHAHTA HOON MUJHE BATAO JO AAP NE WEBSITE BUNAYI HAI WORDPRESS ME BO MAI KAISE BUNA SAKTA HOON AUR MERE BLOG PR PAGE NUMBERING B NAHI AA RAHA KYA MERE BLOG PR PAge nahi show ho sakte aur mai domail kab purchase karu

    Reply
  7. sir humne aap se pehle poocha tha ki kya 20 post hone par hi sitemap add hota to aapne bataya -00
    post par bhi add kar sakte ho. to sir jab hum sitemap add karte hai to add ho jata hai but ye error aa raha hai
    error desrption
    We encountered an error while trying to access your Sitemap. Please ensure your Sitemap follows our guidelines and can be accessed at the location you provided and then resubmit.
    uske baad ye error hai
    General HTTP error: 404 not found
    HTTP Error: 404

    Reply
  8. Sir,
    aapke site pr ads nhi hain to aspki incom kaise hoti hain.
    ager meri site pr 5000 views par day ho to kitni kamai ho sakti hain.
    please shere.

    Reply
      • Rohit G. Mere se kya galti ho gayi kyu nahi munhe koi response mil raha bro pls mujhe batao mai b online work karna chahta hoon mujhe aapki help ki jaroorat hai but aap tou mera baar baar comment detele kr rahe ho ager mere se koi galti ho gayi ho tou b bta dou mai aapse maafi maangata hoon bro lekin kujh galt tou bola nahi tha aap kyi gushe ho gaye ho pls mujhe bata dena

        Reply
        • inder ji mene kisi ka koi comment delete nahi kiya or na hi karta hu.. abhi meri tabiyat tik nahi hai to me sab ke reply nahi kar pa raha hu.. aapka commetn bhi waiting me hoga.. 2000+ se jada comment abhi waiting me hai.. mene koi comment delete nahi kuiya hai..

          Aap online work karna chate ho to me sirf do chijo ke liye suggest karta hu BLogging or youtube.

          Reply
  9. Mujhe aapki hindi me sheeko website bouhat pasand hai aur maine bohat kujh seekha aash kar hoom aap meri help ishi tara hi karte raho ge

    Reply
  10. Rohit G. Mere se kya galti ho gayi kyu nahi munhe koi response mil raha bro pls mujhe batao mai b online work karna chahta hoon mujhe aapki help ki jaroorat hai but aap tou mera baar baar comment detele kr rahe ho ager mere se koi galti ho gayi ho tou b bta dou mai aapse maafi maangata hoon bro lekin kujh galt tou bola nahi tha aap kyi gushe ho gaye ho pls mujhe bata dena

    Reply
  11. hi rohit maine blogger buna liya hai but mujhe je nahi pta chal reha ki maine adding numbered page kaise aapne blog pr set karne hai jo (css code) hota hai use copy karna hota hai ja box me type pls mujhe batana mai aapke reply ka wait kar raha hoon , mujhe kujh batana rohit

    Reply
  12. Bro mera ek questions Adsense ko lekar hai, mene site banai thu 11 October 2015 ko, 17 October ko adsense ke liye apply kiya. ek msg aya tha adsense ka but av tak 2nd aproval ka msg nh aya hai. aap meri site ka mobile view dekho and site ke upar aur niche gap ho gya hai, kya wo gap adsense ki wajah se hua hai.and bro meri site kaise hai ye bhi batana, jo kami reh gayi hai bata do

    Reply
    • jo space hai wo ads ki baja se hi hai.. aap adsense account me login karke bhidekhe.. kuch notification hai kya.. India me bhut jada adsense request send hoti hai or adsense team ek ek karke check karti hai site to usme time to lagta hi hai.. wait karne ke aalawa koi option nahi hai hamare pass.. jab hamari site ka number aayega jab hi approve hogi..

      App Regual post kare or jo aapke blog ka discription hai usko sahi se likhe.. kahi space to kahi double comma hai..
      post ki lenth kam se kam 300 sabd jarur rakhe.

      Reply
  13. aaj hi mae isko use krnunga….. bro mge ek questions picture ke copyright ke bare me puchna hai.. jaise agr mae barack obama ki pic kisi bhi site download ya save karne ke badle mae uski screenshot le lu phr usye edit krke apni blog pe dalu toh kya ye copyright hai

    Reply
    • copywrite ho bhi sakta hai or nahi bhi..
      jese maan lo jo photo hai wo mene khichi hai to me uska copywrite owner huaa.. ab agar me usko free me share kar raha hu to aap bhi kar sakte ho koi problem nahi hogi.. par agar me us photo ko paise me bech raha hu or aap bina meri permission ke us photo ko use karoge to me uspar clam kar sakta hu or usse aapko dikkat ho sakti hai.. isliye agar aapko koi image aesi lage jo copywrited ho sakti hai to uska credit dene me koi problem nahi hai.

      Reply
  14. Sir jab aap post karte ho tab post ke andar ap jo link dete ho woh kahan se dete jese ke apne facebook ka post kiya jese facebook account kaise banate hein ais ke andar jo aap link dete ho aap bolte ho yeh bi pade facebook page kaise banate hein sir woh link aap kahan se dete ho post ke andar sir step by step batayeh

    Reply
  15. Rohit sir, good morning.
    Sir website/blog banane ke liye hame ‘desktop’ chahiye ya ‘leptop’ in dono me agar website/blog banane me koi antar ho to please bataiyega.

    Reply
  16. meri site pr par day k 1000 page view h agar me apni site par adsence , revenuehits , bidviser, clixsence , infolinks . in sab ke ads lagau to me par day kitni income kar sakta hu

    Reply
    • Insab ke lagao to 1 paisa bhi nahi.. Q ki itna ads lagane par aapki site par kuch aapka bhi bachega.. Sare ads rahege or jo 1000 per day hai wo 100 ho jayege..

      Jada se jada 2 ads network use kare jo ek dusre ko problem na kare. Jese infolink or adsense..

      Aap jo income ka puch rahe ho to uska koi fix nahi hai.. Meri income 1000 views par 2$ ke lagbag ho jati hai

      Reply
  17. lekin bhai agar mai khud koi bhi html code generat karna chahu toh kaise hoga.

    ek baat bolu bhai ,

    lagta hai aapki site ki waat lagne wali hai. hindimehelp ki traha market me onlinehmh,hmh1,hmh2, aor ab hmh3 brand bhi aa gayi hai. inko jaldi se rokiye nahi toh 4 bhi aa jaygi.

    Reply
    • aapne apni site me ye number widget q add kiya.. aapka jo template hai usme phele se add hai..or aap apne blog par post ki sankiya badaye jisse blog thoda bhara huaa dikhe.. abhi to sahi se set nahi ho pa raha hai..

      Reply
  18. bhai jab mai apni site pe post likhna chahta hoo t bahut der me tab open hota h kya a network ki wajahse h or ptcsite k bare me b bataye meri site wordpress pe h

    Reply
  19. dear ap ko kb sa comment karha hn ap approv hi nhi karte main infolinks p kam karta hn aj kal unhoun ne notification di ha k western union availible nhi ha ab main kia kroun mera koi bank account nhi ha

    Reply
    • Aap meri brand ka naam use na kare.. Isse aap Hindi Me Help ki term ka ullagan kar rahe hai.. Aap koi dusra naam use kare..

      Mene ek post dali hai kaise badiya domain name select kare phele aap usko pade.. Agar aap sirubad me hi galat tarike se siru karege to aage bhi bhut galti hogi.. Or usme me aapki koi help nahi kar paoga

      Reply
  20. hello bhai,

    mai aapki website se koi bhi HTML code mere blog par share karu toh yeh copyright hoga kya. jaise post/article copyright hote hai.

    Reply
  21. 1)mene ek facebook page banaya tha uski likes bhi achi hai voh page hairstyle ka tha,toh me ab us page ki category change karke blogger karana chahta hu,apne blog ke liye toh ye change me kese karu pls bhai batana zaroor
    PLS HELP
    2)agar blog me ham koi celebrity ke bare post likh rahe hai,toh us celebrity ke photos post me dalne par ads network accepy nt karenge,toh sir phir voh celebrities ki photo kaha se uthake ke post me dale taki copy na kahelaye.

    Reply
    • Aap page ki setting me name edit kar sakte hai..

      Kisi ka photo use kar sakte hai par agar aap photo jaha se lege uska link bhi de dete hai to koi risk bhi nahi rahega ki koi copywrite © clam kar sakta hai

      Reply
  22. rohit bhai apki site ki or aapki jitni tarif karo utni kam h kabhi kabhi thoda time lag jata h lekin answer mil jata h agar apka yahi nature raha to ap 1 din jitna month me kama rahe h utna 1 din me kamayenge ………….
    1 sawal me pahle domain purchas karu ya blog ko adsence se connect karu

    Reply
  23. Sir mera jo display name hai BLOG TIPS HELP sir kiya mein yeh display name hata kar apna naam likh sakta hon sir fir google search par mera naam ahe ga ya mera Blog ka naam aa sakta hai ya mera naam aa sakta hai

    Reply
  24. thanks thanks thanks thanks thanks……………………
    rohit ji apne ye post dali…..
    mere kehne par me apka tahedil se dhanyabad karta hu…..

    Reply
  25. bhai img me link kaise add karte h mtlb ki jab hm kisi img par click karte h to koi page open ho jata h ya site jaisa ki advertizing me hota h na

    Reply
  26. Nice Artical! ye new blogger ke liye bahut helpfull hoga! kyoki unko pata nahi rahta hai Page Navigation ke bare me! mere pass bhi bahut se email aya tha Page Navigation ke bare me! Thanks Rohit Ye Artical share karne ke liye

    Reply
  27. Hi Rohit Mewada,
    Aap Ki Ye Post Bohot Hi Achchi Hai.
    Me Aapse Ye Pusna Chahta Hu Ki Aapne Ye Site Blogger Me Banaya Tha Ya Fir WordPress me.
    Aur Aapki Sirf HindiMeHelp Se Daily Income Kitni Hai.Please Muje Bataye.

    Reply