Rubah Older/Newer Link Menjadi Judul Artikel Selanjutnya/Sebelumnya




Rubah Older/Newer Link Menjadi Judul Artikel Selanjutnya/Sebelumnya

Pernahkah kamu merasa terganggu dan ingin menghapus link older post dan newer post?

Sekarang kamu tidak perlu menghapusnya, karena link tersebut dapat kita modifikasi menjadi lebih bagus dan meningkatkan aksesibilitas blog kamu.

Cara yang saya maksud adalah dengan 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).
Contoh tampilan Older dan Newer Link
Cara memasangnya, ikuti langkah berikut:

1. langkah 1

a. Login ke blogger dan masuk ke bagian Edit Template (Dashboard -> Rancangan -> Edit HTML). 

b. 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>

c. Lalu, simpan Template


b. Langkah ke 2

Tambahkan kode di bawah ini ke gadget (Dengan menambahkan widget Javascript/HTML) (posisinya bebas).

<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>


- Simpan 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 ???


*** 








Ada 1 komentar untuk artikel Rubah Older/Newer Link Menjadi Judul Artikel Selanjutnya/Sebelumnya

Dwijayasblog on Senin, 13 Februari 2012 22.34.00 WIB mengatakan...

Siip, Bung. Trick-nya berjalan dengan sukses. Thanks, ya.


Posting Komentar

 


garis hitam panjang
garis hitam panjang