Mengganti Link Newer Post dan Older Post Menjadi Judul Posting

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. 

Thanks for reading Mengganti Link Newer Post dan Older Post Menjadi Judul Posting | Labels: Desain Blog

2 komentar on Mengganti Link Newer Post dan Older Post Menjadi Judul Posting

1. Komentar spam, link aktif, dan alamat blog tidak akan muncul.
2. Tidak semua pertanyaan sempat/bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *