• RSS Feed Wahyu Winoto
  • Twitter Wahyu Winoto
  • G+ Wahyu Winoto
  • Pinterest Wahyu Winoto
  • Facebook Wahyu Winoto
  • Instagram Wahyu Winoto
  • Whatsapp Wahyu Winoto



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


*** 



Silahkan share artikel

kepada saudara maupun sahabat yang membutuhkan.
Terima kasih.

KLIK UNTUK MELIHAT DAN ATAU MENUTUP KOLOM KOMENTAR.

wahyu-winoto.com www.wahyu-winoto.com gambar hiasan wahyu-winoto.com




Wahyu W - Bloger Indonesia


© 2010 - 2017 || Blog hosted by Blogger || Hak cipta dilindungi UU.
TOP