Next Page Question on Blogger..?

gemini262 · 11-02-2007, 06:23 AM

Hello,

I've just read the thread "
Next page Code for Blogger.com ? HELP" by littlephoenix and answered by oracle.

I'm having the same problem, since I cannot post my question there, I posted a new thread instead.

My question is:

1. How do I put this code

Quote:

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

in this code...?

Quote:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<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:newerPageTi tle/></a>
</span>
</b:if>

<b:if cond='data:OlderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data

lderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data

lderPageTitle'><data:OlderPageTi tle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

2. I'm also using a custom template, so can I use this code on a custom template? Because I can't create my own template..

Please help... I'm just new to blogger and it's my first blog

.

x3mario · 11-02-2007, 09:26 AM

Try to login in your blogger account. Click the template tab and then click the "Edit HTML" link. Copy the code you want to paste in the code provided by blogger and then click the "Save Template" button below.

Journey · 11-02-2007, 08:42 PM

Quote:

Originally Posted by x3mario

Try to login in your blogger account. Click the template tab and then click the "Edit HTML" link. Copy the code you want to paste in the code provided by blogger and then click the "Save Template" button below.

Yup, that's right.. That's very easy to use....

gemini262 · 11-02-2007, 11:50 PM

Quote:

Try to login in your blogger account. Click the template tab and then click the "Edit HTML" link. Copy the code you want to paste in the code provided by blogger and then click the "Save Template" button below.

Thank you for this advice x3mario!

full house · 11-03-2007, 07:19 AM

maybe you are using the old template!

Kryvast · 11-07-2007, 10:42 AM

Have you configured your Next-Previous post problem? If not here's what I can help.

CODE A

Quote:

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

CODE B

Quote:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<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:newerPageTi tle/></a>
</span>
</b:if>

<b:if cond='data:OlderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='datalderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='datalderPageTitle'><data:OlderPageTi tle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

You are not supposed to put code A to code B

Check in your CSS if Code A is already present you can find it inside the <head></head> tag if you're using external CSS then search there.
tip use ctrl+f for searching a certain character
If Code A is not present in your CSS that's the time you have to add that one.

If present follow this simple instruction, I've already posted this to littlephoenix's thread. http://www.v7n.com/forums/740572-post13.html

Quote:

Originally Posted by x3mario

Try to login in your blogger account. Click the template tab and then click the "Edit HTML" link. Copy the code you want to paste in the code provided by blogger and then click the "Save Template" button below.

Then what will happen?

gemini262 · 11-13-2007, 04:54 AM

Quote:

Have you configured your Next-Previous post problem? If not here's what I can help.

Yes, I did! Thank you for all your help.
You we're right, code a cannot be put into code b.

Thanks a lot, ' appreciate that.