Next page Code for Blogger.com ? HELP

[littlephoenix]

Looking for a code Next page and Previous Page to insert into blogger theme so people can go into the next page of my posts, does something like this exist?

[oracle]

Is this what you're looking for?

<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: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>
  </div>

[littlephoenix]

hmm i tried didnt work, where do i insert the tag?

[oracle]

Oh, I'm sorry....you also ought to put these:

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

[littlephoenix]

Originally Posted by oracle

Is this what you're looking for?

<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: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>
  </div>

where do i insert this code, i tried to place it below blogitembody and footer nothing shows up!!

[oracle]

you can insert it anywhere just before the </body>

[littlephoenix]

ok i tried and its not working i know there is such code, i have seen other people use it,

[oracle]

did you also put the other one? they should be put together....

[littlephoenix]

yes, i put the css up on top near all the css still didnt work

[oracle]

Sorry, here's the correct code:

<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: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>

    <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>

[Kryvast]

It's a default function in a blogger, It's labeled Older Posts and Newer Posts do you have that? if yes all you have to do is rename it.

[littlephoenix]

that didnt work either, i think this is more complex then we think, blogger doesnt have older post newer post tags, i think thats for wordpress.

[Kryvast]

Their is a Older Posts and Newer Posts in blogger.



You can check oracles blog she/he has a Older and Newer Posts tags.

Now, to change the Older and Newer Post to Next and Previous Posts do the following.


Go to Template -> Edit HTML -> on the upper right you'll see a “Expand Widget Templates” checked it.

look for this code

<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: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>

<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>

<data:newerPageTitle/> rename this one with Next
<data: olderPageTitle/> rename this one with Previous
<data:homeMsg/> rename this one with Present

Result



Or alternatively you can use an image instead of text in the Next and Previous Posts all you have to do is replace the <data:newerPageTitle/> with <img src="Image URL" /> same with the rest.

[littlephoenix]

hmm im using a custom template, maybe this is the reason i cant find the code, let me fiddle with this and see what i cna get, thanks for all the help everyone, good lookin out

[littlephoenix]

where do you see Expand Widget Templates, i dont!!!
i think ill just pass on this, i dont think its that important anyways to have a nexx or previous page.

[x3mario]

If you are using a blogger flatform, there is a default feature for "older post" and "newer post". The "Expand Widget Templates" is a check button found at the upper right part of the code provided by blogger.