Blog Archive

Mengganti Older Newer Link Post dengan Judul Postingan

Contohnya :
















Untuk membuatnya sangat mudah. Silahkan Anda login ke blogger dan masuk ke bagian Edit Template (Dashboard > Rancangan > Edit HTML). 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>
Kemudian tambahkan kode di bawah ini ke Gadget HTML / HTML/JavaScript Add  letakkan terserah di Elemen Halaman Anda.
<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>

Silahkan atur ukuran font dan lebar area link pada yang berwarna Biru. Silahkan mencoba dan semoga bermanfaat.

0 Comment:

Post a Comment