Jumat, 06 April 2012

Ubah Older / Newer Link Menjadi Judul Artikel Selanjutnya / Sebelumnya

Cyber4rt | Kali ini kita akan memodifikasi link older post dan newer post dibawah posting blog menjadi langsung menuju artikel selanjutnya maupun ke postingan yang lebih lama (yang ditampilkan adalah link judul artikelnya langsung).
Ubah Older / Newer Link Menjadi Judul Artikel Selanjutnya / Sebelumnya

  • Login ke Blogger.com dan langsung menuju ke Template > Edit HTML. Jangan lupa mem-backup script template terlebih dahulu.
  • 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>
  • Lalu, SAVE Template
  • Tambahkan kode di bawah ini ke gadget dengan menambahkan widget Javascript/HTML. Posisinya bebas dan tanpa judul
<style type="text/css">
#cyber4rt-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;}
#cyber4rt-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var olderLink = $("a.cyber4rt-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.cyber4rt-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
var newerLink = $("a.cyber4rt-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.cyber4rt-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
});
</script>
  • SAVE gadget Javascript/HTML. Sekarang coba buka blog kamu, dan lihat dibawah posting, apakah link older post dan newer post sudah berubah dan yang muncul adalah judul artikel atau postingannya ???
Semoga berhasil, terima kasih.
Judul: Ubah Older / Newer Link Menjadi Judul Artikel Selanjutnya / Sebelumnya
Rating: 100% based on 84843 ratings. 5 user reviews.
Ditulis Oleh Sabo Tase™

Terima Kasih Anda sudah membaca artikel "Ubah Older / Newer Link Menjadi Judul Artikel Selanjutnya / Sebelumnya" yang di terbitkan pada hari Jumat, 06 April 2012 jam 14.24 dan diulas oleh Sabo Tase™. Anda berhak menyebarluaskan artikel Ubah Older / Newer Link Menjadi Judul Artikel Selanjutnya / Sebelumnya ini, tetapi mohon sertakan link sumber dari blog ini. Semoga saja dengan adanya artikel tentang Ubah Older / Newer Link Menjadi Judul Artikel Selanjutnya / Sebelumnya yang ada di Blog Bisnis Online JoMeluMelu ini bisa berguna bagi Anda khususnya Saya pribadi.

Label: ,

Tidak ada komentar:

Posting Komentar