Newest Post

// Posted by :Sabri Sangjaya // On :Selasa, 23 Oktober 2012

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

Leave a Reply

Subscribe to Posts | Subscribe to Comments

// Copyright © 2012 Pakdhe Girang //Anime-Note//Powered by Blogger // Designed by Johanes Djogan //