• img

Mengganti Tulisan Older Post dan Newer Post Dengan Judul Postingan

blog sauted | Jumat, 27 Mei 2011 | 20:26

Mengganti Tulisan Older Post dan Newer Post Dengan Judul Postingan adalah suatu yang penting agar pengunjung bisa tahu artikel sebelumnya atau sesudahnya.

Untuk membuatnya ikuti langkah langkah di bawah ini :

  • Masuk ke Blogger.com
  • lalu klik menu design kemudian klik edit HTML
  • Kemudian cari kode </head>
  • Letakkan kode berikut ini sebelum </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
Klik menu Page Element lalu add gadget HTML.
Tambahkan kode dibawah ini di gadget HTML
<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>
Keterangan :
Anda bisa mengganti tulisan yang berwarna merah sesuai keinginan anda

Semoga Artikel Ini Bermanfaat...!
Source: t4mahasena.blogspot.com

<< >>