Blogger Navigasyon Linklerini Kayıt Başlığı ile Değiştirmek

Birazdan uygulayacağımız işlem ile blogdaki Önceki Kayıtlar ve Sonraki Kayıtlar kısmını değişken kayıt başlığı ile değiştireceğiz. İşlem bittiğinde Önceki Kayıtlar ve Sonraki Kayıtlar yerine Önceki Kayıt Başlığı ve Sonraki Kayıt Başlığı değişkenleri gelecek. Bunun ziyaretçiler açısından olumlu tarafı da var. Bir ziyaretçi gönderiyi okuduktan sonra Önceki Kayıt yazısına pek aldırış etmez ve ilgisini çekmez. Ama bunun yerine bir kayıt başlığı gelirse söz konusu konu başlığı kim bilir belki o ziyaretçinin ilgisini çeken bir konu başlığıdır ve ona da bir göz atmak ister ve ziyaretçinin blogda kalma süresi uzar.

Kodu Yerleştirme

jQuery Kütüphanesini Çağırma

Kodu bloga yerleştirmeden önce jQuery kütüphanesini çağırmamız lazım. Onun için öncelikle aşağıdaki kodu Tasarım » HTML'yi Düzenle kısmından Widget Şablonlarını Genişlet kutusunu işaretledikten sonra şablonumuza ekliyoruz. Zaten varsa eklemenize gerek yok.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Kodu Ekleme

Sıra geldi asıl kodumuza. Bu kod şablona eklendiğinde birtakım sorunlar çıkaracağından kodu Yerleşim menüsünden Gadget ekleyerek ekleyebilirsiniz.

<script type="text/javascript">$(document).ready(function(){ 
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").text(); 
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle); 
}); 
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 
}); 
}); 
</script>

Kaydettikten sonra navigasyon bağlantısı şu hali alacak.

<< [Kayıt Başlığı] ··· Ana Sayfa ··· [Kayıt Başlığı] >>