Selasa, 21 Februari 2012

Mengganti Posting Lebih Baru dan Lama dengan Judul Posting

Hari ini saya berkeinginan untuk memodifikasi link "Posting Lebih Baru" dan "Posting Lama" agar menjadi seperti yang ada di blog WordPress. Sehingga nantinya link "Posting Lebih Baru" atau "Newer Post" dan "Posting Lama" atau "Older Post" akan berganti dengan "Judul Posting" seperti yang tampak pada gambar di bawah ini.

Bagi yang ingin mengganti link-link tersebut bisa mengikuti langkah-langkahnya di bawah ini. Namun, bila sebelumnya Anda pernah menghilangkan link tersebut atau menggantinya dengan gambar, sebaiknya kembalikan dahulu seperti semula agar nantinya dapat berjalan dengan lancar.

Tulisan "Posting Lebih Baru" dan "Posting Lama" telah berganti dengan "Judul Posting".

Berikut langkah-langkah untuk mengganti tulisan link "Posting Lebih Baru" dan "Posting Lama" dengan "Judul Posting". Semoga berhasil.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan >> Edit HTML.

3. Cari kode </head>. Gunakan fitur pencarian dengan menekan tombol Ctrl + F atau F3.

4. Copy kode di bawah ini dan paste di atas kode </head> tersebut.

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

5. Klik tombol SIMPAN TEMPLATE.

6. Selanjutnya silakan menuju Elemen Laman >> Tambah Gadget >> HTML/JavaScript.

7. Kemudian copy kode di bawah ini dan paste di "Konten"

<style type="text/css">
#blog-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;}
#blog-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;}
</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 + " >>");//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("<< " + newerLinkTitle);
});
});
</script>
  • Silakan sesuaikan ukuran huruf dan lebarnya dengan keadaan template Anda.
8. Klik tombol SIMPAN.

9. Selesai dan lihat blog Anda.


Sumber: http://www.themasdoyok.com/2011/04/mengganti-older-newer-link-post-dengan.html

Tidak ada komentar:

Posting Komentar