FbGadgets

-----------------------------------------------------------------------------------------------------
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='http://3.bp.blogspot.com/-HAt8Hfco4mY/Usx06uVZAOI/AAAAAAAAAkE/YTrWFqOdCrA/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='http://1.bp.blogspot.com/--8LxfoeSsoo/Usxy0-lgGdI/AAAAAAAAAjw/n69fwgq7O9k/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='http://3.bp.blogspot.com/-ewe1usTUB0o/U1l0cdmiKVI/AAAAAAABKk8/m0RFXrPEWIQ/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='http://3.bp.blogspot.com/-HWqv06WEaOk/U1l0cW5tBxI/AAAAAAABKk4/D9eIBtA3Uq4/s1600/Blog-Pager-Older-Link.png'/> </a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='http://3.bp.blogspot.com/-IY0_gvTtmAo/U1l0cYCZN3I/AAAAAAABKlI/iJofVnJxSQA/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