Header Ads

Mengganti Posting Lebih Baru dan Lama dengan Judul Posting

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.

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

6 comments:

  1. mantabsss sekale mas munadi, bisa dicoba nanti..
    oya boleh tanya ya, biar cepat dapet sitelink gimana caranya ya? thnaks jawabannya...

    ReplyDelete
  2. @Muro'i El-Barezy Silakan dicoba gan..
    Kalo ane buat dapet sitelink ga ngelakuin cara" khusus, ane ngeblog mengalir aja.. yg pnting brusaha buat artikel yg menarik ato bermanfaat bwt byk orang.

    ReplyDelete
  3. @manadoparabola Sama-sama mas.. semoga bisa dimengerti..

    ReplyDelete
  4. mantap gan... ijin untuk mencobanya,
    makasih dah berbagi. salam kenal, kalo berkenan mampir di gubuk aye

    ReplyDelete
  5. @blog kontroversi indonesia Iya gan, salam kenal kembali. Ane udah mampir barusan..

    ReplyDelete

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.