Mengganti Older Newer Link Post dengan Judul Postingan

Teringat beberapa saat lalu sebelum masa vakum lama, saya sempat ngobrol dengan beberapa teman Blogger seperti master ben-ben, salah satunya adalah keinginan saya untuk memodifikasi link ke postingan lama dan ke postingan baru bergaya wordpress sehingga yang muncul adalah judul artikel atau postingannya. Sebenbarnya untuk template classic blogger hal ini sudah bisa diterapkan sejak lama, namun untuk custom template saya baru mendapatkan infonya saat masa-masa vakum tersebut. Akhirnya percobaan yang gagal terus menerus itu terbuka sudah, saya temukan trik ini dalam postingan GreenLava.

Artikel sebelumnya yang berkaitan:
- Mengganti Older Newer Link Post dengan Gambar
- Mengganti Tulisan Poskan Komentar
- Modifikasi Shoutmix Buku Tamu


Nah, ternyata trik mengganti older newer link post menjadi judul artikel ala wordpress ini dapat diapliaksikan dengan JQuery. Contohnya bisa Anda lihat di Sharing Blog ini: Video Ramalan Deddy Corbuzier. Link yang seharusnya bertuliskan posting lama dan posting lebih baru telah berganti menjadi << Apakah Facebook di Hack? di bagian kiri dan Lukisan Pahlawan-pahlawan Indonesia >> di sebelah kanan. Ini adalah salah satu hack Blogger yang paling saya nanti-nanti. Jadi, mari kita coba....



Untuk membuatnya sangat mudah. Silahkan Anda login ke blogger dan masuk ke bagian Edit Template (Dashboard -> Rancangan -> Edit HTML). Letakkan kode berikut ini sebelum </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Kemudian tambahkan kode di bawah ini ke gadget HTML letakkan terserah di Elemen Halaman Anda.
<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>
 
Silahkan atur ukuran font dan lebar area link pada yang berwarna biru. Silahkan mencoba dan semoga bermanfaat. Hari ini Minggu, artinya.... inilah waktu untuk membuat diri Anda kembali fresh...

Komentar

  1. PERTAMAX PART 2...
    Tutorial yg Ajib....
    http://www.musicasianzone.cc.cc/
    http://www.musicasianzone.cc.cc/
    http://www.musicasianzone.cc.cc/

    BalasHapus
  2. berkunjung lagi
    mantap mas, ijin copas, trims

    BalasHapus
  3. trik.e apik mas, izin copy scriptnya ya, terima kasih :)

    BalasHapus
  4. @PUTU
    silahkan mas :D
    semoga tambah bnyk yg baca dan bermanfaat

    BalasHapus
  5. Assseeekkkkk.... langsung bisa mas... mantab pisan euyyy.... ^^
    makasi mas....

    oya, senggol sikit mas recehan ari... ^^

    BalasHapus
  6. hohoho .. langsung saya coba dan ternyata bisa juga mas .. ! matur thank q mas .. !

    eh .. sekalian nanya !! buat user online whos amung agar tidak bisa di klik gimana mas ???

    BalasHapus
  7. panjang juga scriptnya.tapi saya coba dulu.makasih banyak atas infonya.

    BalasHapus
  8. @cr7 cell
    kode whos amungnya diganti jadi

    img border=”0″ width=”80″ src=”http://whos.amung.us/swidget/es034w5hp4n0.png” height=”15″

    kodenya diganti dgn kode punya mas
    jgn lupa pembuka dan penutupnya gak bisa ditulis disini sih

    BalasHapus
  9. beng beng sekalian yok....buruakakakakkkkk
    asem tenan nama bagus2 kok jadi michael yak...hihihi :D

    BalasHapus
  10. si green lava dari etblue yok, dia ngadopsi script dari sono...
    ETbLue

    BalasHapus
  11. @Beben Koben
    iya ben... mantap :D
    thx master ben ben hahaha

    BalasHapus
  12. thanks udah share mas doy...

    BalasHapus
  13. Alhamdulillah sukses!!
    Thanks for sharing :)

    BalasHapus
  14. mas , aku boleh nanya gak ?
    template blog ini download atau bikin sendiri ? keren banget lho . Oya satu lagi , gimana caranya supaya artikel di beranda itu jadi dibagi dua kayak punya mas doy itu . Aku terinspirasi banget sama blog ini
    salam kenal ya mas :)

    BalasHapus
  15. buat sendiri mas
    kalau mau bagi kolom enak
    mending mas cari templet 2 kolom dulu, barulah kemudian mas edit sesuai keinginan mas

    ayo gabung forum mas di forum.masdoyok.co.cc

    BalasHapus
  16. waah kok templatenya diganti mas ? , lebih bagus yg dulu lho

    BalasHapus
  17. sudah gak lama ngunjungi masdoyok, ternyata templatenya baru n keren, kunjungi blog gw juga ya masdoyok di http://www.fingermanga.com

    BalasHapus
  18. sama dengan mas anshari...koq nggak bisa ya mas..dah tak coba berulang kali tetep nggak bisa..mohon pencerahannya mas...matur nuwun

    BalasHapus
  19. http://www.hombobatu.co.cc
    http://www.hombobatu.co.cc
    http://www.hombobatu.co.cc
    http://www.hombobatu.co.cc
    http://www.hombobatu.co.cc
    http://www.hombobatu.co.cc
    http://www.hombobatu.co.cc
    http://www.hombobatu.co.cc
    http://www.hombobatu.co.cc
    Selamat Berkunjung gan...
    Salam Kenal daRi aNe...

    BalasHapus
  20. SILAHKAN BERKUNJUNG BRO

    http://www.hombobatu.co.cc

    Terimakasih Banyak

    Terimakasih Banyak
    Terimakasih Banyak
    Terimakasih Banyak
    Terimakasih Banyak
    Terimakasih Banyak
    Terimakasih Banyak

    BalasHapus
  21. kok di blog saya nggak bisa ya? cat: blog saya (lamanbaca.blogspot.com) older/newernya udah diganti ma icon... mohon bantuannya

    BalasHapus
  22. Keren masa Doyok, makasih atas ilmunya, udah sy terapkan di blog n sukses,,
    sampai jumpa di fb...

    BalasHapus
  23. Setelah saya coba, ternyata dibeberapa postingan tidak berjalan alias masih setelan yang lama. Padahal saya tidak merubah kode script. Kenapa, ya?

    BalasHapus
  24. Terima kasih banyak ya mas..
    Mas, izin copy scriptnya ya..

    BalasHapus
  25. Sudah di praktikan dan 100% berhasil
    Terima kasih ya...
    silakan di cek sendiri

    :)

    BalasHapus
  26. Mantap mas...ijin copy scriptnya

    BalasHapus

Posting Komentar

Postingan Populer