Senin

Cara Mengganti "Posting Lama Posting Terbaru" dengan Judul Postingan

Secara default, blogspot memberikan link di bawah kotak komentar di atas footer berupa link ke postingan lama , beranda dan postingan terbaru. Pada kesempatan ini kita akan ketahui bagaimana cara mengganti atau merubah kata posting lama dan posting terbaru tersebut dengan judul postingan sebenarnya.

mengganti posting lama posting terbaru dengan judul postingan






Oke langsung saja kita ikuti tutorialnya.

1. Memasang kode jQuery.


(Lewati langkah 1 ini jika sudah terdapat kode javascript di bawah, dalam template blog sobat.)

    Masuk ke Blogger Dashboard > Design / Template > Edit HTML.
    Cari kode </head> .
    Tambahkan kode javascript di bawah ini setelah kode </head> .


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


2. Menambahkan kode halaman di template


    Masuk ke Tata Letak
    Klik Add a Gadget > HTML/Javascript.
    Pasang kode berikut, kemudian simpan > simpan perubahan.

<!-- Judul pos di navigasi halaman by blogbelajar start -->
<style type="text/css">
#blog-pager-newer-link {font-size:90%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:90%;width:200px;text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
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").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
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
});
});
</script>
<!-- Judul pos di navigasi halaman by blogbelajar end -->

Dan, sobat sudah berhasil mengganti link dengan judul postingan lama dan posting terbaru dengan link judul aslinya. Silakan buka salah satu postingan sobat, maka akan terlihat di bawah form komentar di atas footer.

Tidak ada komentar: