Tùy Chỉnh Post Navigation Cho Blogger với Pure CSS

HTML

<b:includable id='nextprev'>
<div class='blog-pager'>

        <a class='blog-pager-newer-link pure-button' role='button'>
          <b:attr expr:value='data:newerPageUrl ? data:newerPageUrl : "#"' name='href'/>
          <b:class cond='!data:newerPageUrl' name='pure-button-disabled'/>
          <data:messages.newer/>
        </a>

        <a class='blog-pager-home-link pure-button' expr:href='data:blog.homepageUrl' role='button'>
          <data:messages.home/>
        </a>

        <a class='blog-pager-older-link pure-button' role='button'>
          <b:attr expr:value='data:olderPageUrl ? data:olderPageUrl : "#"' name='href'/>
          <b:class cond='!data:olderPageUrl' name='pure-button-disabled'/>
          <data:messages.older/>
        </a>

      </div>
      <div class='clear'/>
</b:includable>

CSS

/* Post Navigation */
.blog-pager{float:right;margin:10px;padding:0px}
.blog-pager a{background:#485e6c;color:#fff;font-size:100%}