Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtikel

Pernahkah kamu merasa ingin mengganti link older post dan newer post?

Setelah lama saya browsing dan menemukan apa yang saya mau..., yaitu 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 ???

 

Mau Comment silahkan tidak juga silahkan namanya saja blog asal-asalan..

Free Comment frend....

Related Post:

Widget by [ Iptek-4u ]

Posted in: Tips Blogspot