El blog se ve asi, donde esta marcado en rojo es donde esta la paginacion actual, y en Azul donde deberia estar
Este es el CSS:
Código HTML:
#blog-pager-newer-link { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; background: none repeat scroll 0 0 #EAEAEA; bottom: 100%; float: left; padding: 10px; } #blog-pager-older-link { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; background: none repeat scroll 0 0 #EAEAEA; float: right; padding: 10px; } #blog-pager { text-align: center; }
Código HTML:
<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'> <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>