Mengganti Link Newer Post dan Older Post Menjadi Judul Posting

Oleh admin

Minggu, 14 Juni 2015

Bagikan :

Tweet

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. 

Source

Tag : Desain Blog, Panduan Blogging