Blog Pager IN Blogger STYLE1

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

]]></b:skin>

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

#blog-pager-newer-link {float: left}
#blog-pager-older-link {float: right;}
#blog-pager { text-align: center; clear:both; margin-right:17px}

]]></b:skin>

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

GO TO BLOG POST SECTION AREA AND FIND THIS LINE

<b:includable id='nextprev'></b:includable>

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

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

REPLACE THIS RED LINE BELOW CODE

<b:includable id='nextprev'></b:includable>

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

<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'><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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span>

</b:if>

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

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