-----------------------------------------------------------------------------------------------------
BLOG PAGER WITH NEWER OLDER HOME POST
READ MORE:

BLOG PAGER - YouTube

-------------------------------------------------------------------------------------------------------


------------------------------------------------------------------------------------------------
CSS CODE BEFORE B SKIN TAG
------------------------------------------------------------------------------------------------

/* Pager----------------------------------------------- */

#blog-pager-newer-link {
margin:0px 25px 0px 0px;
!important;
background-color:white;
border:none;
color:rgb(153,153,153) !important;
font-family:'Source Sans Pro',Arial,Helvetica,Geneva,sans-serif;
font-size:20px;
line-height:25px;
text-align:center;
text-decoration:initial;
text-transform:uppercase
}
#blog-pager-older-link {
margin:0px 25px 0px 0px;
x !important;
background-color:white;
border:none;
color:rgb(153,153,153) !important;
font-family:'Source Sans Pro',Arial,Helvetica,Geneva,sans-serif;
font-size:20px;
line-height:25px;
text-align:center;
text-decoration:initial;
text-transform:uppercase
}
#blog-pager {
padding-bottom:0px;
padding-top:25px;
clear: both;
}

--------------------------------------------------------------------------------------------
PAGER HTML  FIRST 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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCKik1ADIJ_-iCYyS_8lOcDdoMHXMKYqmIKearD3wIweK_XuGcPvT-0zB53yx1-5nLRk0GdRpy4UJQNt-PLiVWcFJlJYHqFyLSyQH1VxdjNyduTvAe_2LQn5cvqFCTbuwVZ-P5DYopod99/s1600/Prev.jpg'/></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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgS1XROTx_m-kMsMVN1kXfWQNk6lG0Z1XiiflduEJDglU32XEV39wo5mp-qMQvU3nbk-p3aDqBqz2Ukqbg7rrYoxAS27NZkM3kCK_Qarud2gn_R97bvBx4AKcG5jnDgHWCzWUESnUW0l66/s1600/next.JPG'/></a>
</span>
</b:if>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>

--------------------------------------------------------------------------------------------
PAGER HTML  SECOND CODE FOR NEXT PREVIOUS HOME BUTTON


--------------------------------------------------------------------------------------------

<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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'> <img alt='data:newerPageTitle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPw2qXoR3B1KLg1CZrClnRAUz6c9_1RzzKJlXF_DTI0uM7SV4IUJjiUIiCPGVQ-BrNxNfwG1Dg4bqb7s9G6tAE2Sb40_bgG9XJJHP4yGw-dLaFiq0IAAB11tbrfGCUJXmy_VtPtzEmRiS/s1600/Blog-Pager-Newer-Link.png'/></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'> <img alt='data:olderPageTitle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGAjmWDeYhBmpBY-UpDFPXIvM0ZWfLWOrE5x7hhQ68iL2uxB9sbr58-MZ7unsAXbWtLGaNytI4ShgrIHImSv7P8gnq69MioybOLPFrOgUgBHwfjNBBwxjWOThWC1YTfsaz6GLdGKuyO8TH/s1600/Blog-Pager-Older-Link.png'/> </a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqSYyftm89taVKwsYEK-yE5rHfWQmimmQjSE7Tze4lkNz08IN5l3b1WSoOuJ7476n_1G7pI4u8CkDbx6ZAPTe-62w2KixVjbSILaXEWhQRLo7E6PJu66PkJOC2ioY1QRFHbOE44XzO3UyL/s1600/Blog-Pager-Home-Link.png'/>
</a>
</div>
<div class='clear'/>
</b:includable>

-----------------------------------------------------------------------------------------------------
READ MORE:

http://fbgadgets.blogspot.co.uk/2014/04/blog-pager-with-newer-older-home-post_24.html