Previous/Next Post and Home button

 

Ok, this one is a little bit more complicated but still manageable.

First you need to go to "Design" instead of the layout.

Instead of customizing, click the arrow and choose "edit HTML".

Now you need to search for the pager in your code which is approx. in the middle and the start could look like this:

</b:includable>

              <b:includable id='nextprev'>

  <div class='blog-pager' id='blog-pager'>

here is the code I used, you need to replace the entire code of the pager with mine:

<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:title='data:newerPageTitle'>

      <img alt='Next Post' src='INSERT URL OF GIF FOR NEXT PAGE HERE'/>

    </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:title='data:olderPageTitle'>

      <img alt='Previous Post' src='INSERT URL OF GIF FOR PREVIOUS PAGE HERE'/>

    </a>

  </span>

</b:if>

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

  <img alt='Home' src='INSERT URL OF GIF FOR HOME BUTTON HERE'/>

</a>

below this is also code for mobile view...just leave it there.