Newer, Older, Home Links Not Visible In Blogger


Blogger Links InvisibleFor the past few months I received several complains from readers that the templates I designed are having problem in displaying the the newer posts, older posts and home Links. I have the exact same coding on my current template and I never faced any error in display and these links show up just fine. The only problem that caused these links to disappear was not linked to browsers but to the CSS coding itself. I have fixed and solved this problem on all MBT Templates and they now show Older, Newer  and Home buttons just perfect. Kindly follow the steps below to solve this problem.

How To Make Newer, Older and Home Links Visible?

Simply do this,

  1. Go To Blogger> Design > Edit HTML
  2. Backup Your Template
  3. Search For this code by pressing Ctrl+F,

#blog-pager-newer-link {
    float: left;
       
}
#blog-pager-older-link {
    float: right;
}
#blog-pager {
    text-align: center;
       
}

 

   4.   And replace it with this code,

#blog-pager-newer-link {
    float: left;
        display:inline;
       
}
#blog-pager-older-link {
    float: right;
        display:inline;
}
#blog-pager {
    text-align: center;
        clear:both;
       
}

 

  5.    View Your template now to see Links or buttons appearing just below Post Body.

That's All! :)

To Download Buttons For These Links Kindly try these,

Need Quick Help within 24 Hours? ASK NOW



If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

32 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.

  1. not working please tell me the solution

    ReplyDelete
  2. Did you find the CSS code?
    What's your Blog URL?

    ReplyDelete
  3. thank you so so so much mohammad..

    ReplyDelete
  4. @Jeet
    I am glad your problem finally solved buddy. :>

    ReplyDelete
  5. Thank you so much for posting this. I was having a hard time finding someone with the same problem. I'm still having a problem though. This worked for my home button, but my newer/older links still aren't showing up. Any ideas?

    It's for a blog I'm designing for my sister. Here is the link: www.sapphirechic.blogspot.com, just in case you want to check out the html.

    ReplyDelete
  6. thanks for the code.. Use page navi instant of newer post older post button :)

    ReplyDelete
  7. maybe this trouble for URL newer or older link for blogger
    Beben Koben
    hihihi :D

    ReplyDelete
  8. how to make a scrolling bar with google ads like in scribd.com

    ReplyDelete
  9. Hello Mohammad,

    Still i am facing this issue :( The older and newer post link is appearing home and index pages, but not in individual post pages. Please visit my blog http://www.shirdisaibabaexperiences.org/ and check. Kindly help. Thanks in advance

    ReplyDelete
  10. @hetal

    Then I guess you must change your current html code for this with the one below.
    1) Expand your widgets and Search for <div class='blog-pager' id='blog-pager'>
    2) And replace all the matching code below it with the following code,
    <b:if cond='data:newerPageUrl'>
    <span id='blog-pager-newer-link'>
    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
    </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
    <span id='blog-pager-older-link'>
    <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
    </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>
    <div class='clear'/>

    ReplyDelete
  11. @Mohammad Mustafa Ahmedzai

    The above code existed, still i replaced with the one which you gave me. But no change dear, so confused....if you want i will send you template as attachment.

    ReplyDelete
  12. @hetal

    Oh then kindly send me your template. I will try to solve the problem within two days of receiving the mail.

    ReplyDelete
  13. how to keep Title ,photo,description one after the other like (see below)

    Titile

    { }
    { PHOTO }
    { }
    { }


    Description......

    PLZ HELPPPPPPPPPP.....

    ReplyDelete
  14. Assalamu Alaikum

    Brother Mohammed.,

    Thanks for the script, but unfortunately its not working for me.

    my url is "www.bhtj.blogcpot.com"

    Your help will be highly appreciated.
    From
    Haja

    ReplyDelete
  15. This comment has been removed by the author.

    ReplyDelete
  16. Hi Mohammad,
    I;m facing the problem whereby the main page of my blog did not show the links for 'new/home/older posts'. These can only be shown when I clicked on a particular post. Didn't know how to edit HTML. Could you kindly help me with this?
    Thanks so much!

    Blog link:http://shanniepetitehandicraft.blogspot.com

    Cheers,
    Shannie

    ReplyDelete
  17. Ok. Ive been editting more than 4 days already, after i read this tutorial... all of my problems solved! your tutorial does help me a lots Mr Mohamad...

    Thanks you. I might be creating a post to give credit to you soon! hehe. thanks. =)

    Salam Alaik!

    ReplyDelete
  18. the older posts are not showoing in my home page and it showed inside post help me plzzz need it waiting for ur answer

    ReplyDelete
  19. hi MBT, i have do many thinks to fix this problem but its still not visible, please help me. here my blog : http://templatebagus.katakan-hey.com/

    reply me : yasirutomomn@gmail.com
    thank u for your attentions.

    ReplyDelete
  20. Thanks Bro. You are genius.

    ReplyDelete
  21. Mohammad,recently i have created a blog called

    http://wisdomgraffiti.blogspot.in/

    My home page and lebel pages does not show the older posts link,i tried all your tricks but have not worked,Please help me if you want my template to send you then i will send it.

    Give me address where i have to send my templates

    ReplyDelete
  22. @Hetal Patil Rawat

    Hello!

    I have the same problem with Hetal.

    Newerpost Home Elderpost not show in postpage. Help! Thank You!

    Jho

    ReplyDelete
  23. None of my posts are openeing sir, they are visible in their categories but not opening, http://allrightliving.blogspot.com/p/home-page.html

    plz check it, I think after making Static Homepage for my Blog this problem occured, this is my E-mail fighterkiki@hotmail.com

    ReplyDelete
  24. its not working bro plz plz plz help me

    ReplyDelete
  25. Hi Mohammad,

    Im unable to view my older/newer footer on my blog only "home" is visible. I have tried everything possible you have suggested but no luck... Any chance you could help me out?

    ReplyDelete
  26. hi mohammed my name is munessali
    in my blog i can't see "<data:post:body and read more button my blog site is munessali.blogspot.com plz help me

    ReplyDelete
  27. Same thing with me here, i can't find #blog-pager-newer-link {

    Again, I can't find expand widget too.

    my blog is http://myoddnews.blogspot.com
    Help needed please.

    ReplyDelete
  28. still not working on my blog please please help.. it shows page no when i refresh page but disappears when page fully loaded.

    ReplyDelete