Update Terbaru
Loading...
Home » » Cara Mengganti "Posting Lama Posting Terbaru" dengan Judul Postingan
Published On : Jumat, 14 September 2012
05.25.00 | Admin | No Comments

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



Lihat demonya disini


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.



http://www.super-gaptek.com/2012/04/cara-mengganti-posting-lama-posting.html


Related Post

0 komentar:

Posting Komentar

Referensi : DTE | MDF Blog | MKR Site
Copyright © 2013. Gembulz Blog's - All Rights Reserved
Template Created by Creating Website Modify by Gembulz Blog's
Powered by Blogger Top