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
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
« Prev Post
Next
Next Post »
Next Post »
Thanks!
ReplyDeletethanks min, sudah diuji kode diatas dan hasilnya sesuai yang diinginkan
ReplyDelete