1 Cara Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtikel

Cara Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtike-Ada beberapa cara untuk mengganti Older post dan Newer post,dan yang sekarang saya post adalah dengan cara judul postingan,baik judul lebih post lama maupun menuju post selanjutnya.Yang ditampilkan adalah link judul post secara langsung.

Berikut adalah cara membuatnya :

• Pastinya anda login dahulu ke akun blog anda
• Pilih Template >> Edit HTML
• Letakan script berikut ini sebelum </head>

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 

• Setelah itu,kemudian Save template
• Sekarang masuk pada bagian Tata Letak dan tambah widget Javascript/HTML,posisi penempatannya bebas.Copy dan paste script berikut :
  

  <style type="text/css">
      #blog-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;}
      #blog-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;}
      </style>
      <script type="text/javascript">
      $(document).ready(function(){
      var olderLink = $("a.blog-pager-older-link").attr("href");
      $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
      var olderLinkTitle = $("a.blog-pager-older-link").text();
      $("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
      });
      var newerLink = $("a.blog-pager-newer-link").attr("href");
      $("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
      var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
      $("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
      });
      });
      </script>

• Kemudian save gadget Javascript/HTML.

Tweet

Komentar →