June 15, 2015

Mengganti Link Newer Post dan Older Post Menjadi Judul Posting

June 15, 2015

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. 

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

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

Contact Form

Name

Email *

Message *