Rewrite blog pagination di blogspot dengan javascript

Tulisan posting lama (older post) dan posting baru (newer post)  pada blog pagination dapat di rubah sesuai dengan judul postingnya dengan bantuan javascript dan hack ini sebenarnya sudah lama dan tidak di unpublish oleh yang punya hack karena untuk kepentingan blog personalnya, tapi saya sudah bisa mengungkapkan buat sobat blogger yang ingin menampilkan blog pagination sesuai dengan judul postingannya. Kalau sobat mau lihat screenshootnya :

Demo Preview

Sudah tidak sabar ingin membuatnya?

1.  Seperti biasa login ke blogspot kemudian Tata Letak > Edit HTML dan jangan lupa download full template!! Untuk mengantisipasi hal-hal yang di inginkan :p .
2. Cari kode di bawah ini :
   
#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {text-align: center;
}

   Nb : kode di atas merupakan standar kode template minima, intinya cari kode yang tercetak tebal
3.  Kemudian ganti semua kode di atas dengan kode di bawah ini :
   
   #blog-pager-newer-link, #top-pager-newer-link {
   float: left;
   width:200px;
   text-align:left;
   }
   #blog-pager-older-link, #top-pager-older-link {
   float: right;
   width:200px;
   text-align:right;
   }
   #blog-pager, #topPagerLinks {
   margin:20px 0 0 0;
   text-align: center;
   font-variant:small-caps;
   font-size:90%;
   font-family: Tahoma, sans-serif;
   letter-spacing:-0.05em;
   }
   #blog-pager a , #topPagerLinks a {
   text-decoration:none;
   }
   #topPagerLinks {
   padding:5px 0 5px 0;
   margin:10px 0 0;
   border:solid 1px #ddd;
   }
   
   
4. Setelah itu Expand Widget Templates
5. Cari kode ini <b:include data='top' name='status-message'/> dan kemudian masukkan kode di bawah ini :
   <div id='topPagerLinks'/> taruh kode tersebut di atasnya.
6. Kemudian cari lagi kode di bawah ini
   
<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>
    <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>
<script type='text/javascript'>pItemPager()</script>
  </div>

   Nb : Kode berwarna merah sudah saya masukkan jadi tinggal menaruhnya seperti contoh
   
7. Langkah selanjutnya cari </head> terus masukkan kode ini <script src='http://subagya.googlepages.com/repagination.js' type='text/javascript'/> taruh kode tersebut di bawahnya.
8. Simpan hasil pekerjaan sobat dan semoga berhasil

Thanks to : phydeaux3