Jasa SEO Blog

Mengganti Link Newer Post dan Older Post Menjadi Judul Posting

Cara Mengganti atau Mengubah Tulisan di Link "Newer Post" (Posting Baru) dan "Older Post" (Posting Lama) Menjadi Judul Posting

DI posting sebelumnya dibahas Cara Menghapus atau Menyembunyikan link tulisan "Newer Post", "Home", dan "Older Post", di bawah Posting Blog. Kali ini bukan menghilangkannya, tapi mengubah atau menggantinya dengan judul posting.

Cara membuatnya sangat mudah. Cukup membuat widget baru dan memasukkan kode HTML/Javascript. Demonya ada di blog ini. Lihat bagian bawah posting, di bawah kotak komentar.

1. Pastikan ada kode jQuery di template blog Anda. Jika belum ada, pasang di atas </head>. Ini kodenya:

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

2. Layout > pilih HTML JavaScript
3. Judul kosongkan
4. Copas kode berikut ini di kolom Content:

<style type="text/css">
.home-link{display:none}
#blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;}
#blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;font-family:Arial, sans-serif;}
</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 + "\u2192");//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("\u2190" + newerLinkTitle);
});
});
</script>

5. Save!

Kini tulisan "newer post" dan "older post" di bawah posting/kolom komentar sudah berubah menjadi daftar judul posting. 

Labels: Desain Blog

Thanks for reading Mengganti Link Newer Post dan Older Post Menjadi Judul Posting. Please share...!

2 Comment for "Mengganti Link Newer Post dan Older Post Menjadi Judul Posting"

thanks min, sudah diuji kode diatas dan hasilnya sesuai yang diinginkan

Spammy comment and live link will not be published. Good comment will encourage reader to visit your profile and blog.

Back To Top