For 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,
- Go To Blogger> Design > Edit HTML
- Backup Your Template
- 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,
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you
Subscribe to our regular Email Updates!
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 »
23 comments:
not working please tell me the solution
Did you find the CSS code?
What's your Blog URL?
thank you so so so much mohammad..
@Jeet
I am glad your problem finally solved buddy. :>
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.
thanks for the code.. Use page navi instant of newer post older post button :)
maybe this trouble for URL newer or older link for blogger
Beben Koben
hihihi :D
how to make a scrolling bar with google ads like in scribd.com
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
@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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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'/>
@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.
@hetal
Oh then kindly send me your template. I will try to solve the problem within two days of receiving the mail.
@Mohammad Mustafa Ahmedzai,
Mailed you the template.
how to keep Title ,photo,description one after the other like (see below)
Titile
{ }
{ PHOTO }
{ }
{ }
Description......
PLZ HELPPPPPPPPPP.....
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
bhai aap ki hlp chaheya thee
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
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!
Thanks, you saved my blog !
the older posts are not showoing in my home page and it showed inside post help me plzzz need it waiting for ur answer
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.
Thanks Bro. You are genius.
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.
Regards,
Mohammad