Blogger üzerinde "Daha Yeni Kayıtlar" ve "Eski Kayıtlar" şeklindeki standart navigasyon metinlerini, o anki yazıların gerçek başlıklarıyla değiştirmek, kullanıcı deneyimini (UX) ciddi oranda artıran modern bir dokunuştur.
Bunu yapmak için şablonunuzun XML yapısına müdahale edip JavaScript kullanarak başlıkları dinamik olarak çekmemiz gerekir. İşte adım adım uygulama rehberi:
- Blogger Kontrol Panelinize Giriş Yapın.
- Solda ki sekmeler Tema'ya tıklayın ve hemen ardından HTML'yi Düzenle'ye tıklayın.
- Aşağıda ki kodu aratın:
<head>
- Bir satır altına aşağıda ki kodu ekleyin.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- Tekrar Kontrol Panelinizdeyken Yerleşim sekmesine tıklayın ve Uygun gördüğünüz sidebar'da ki Gadget ekle'ye tıklayın. Şimdi HTML/Javascript Ekle Gadget'ını ekleyin ve açılan mini pencerede ki kod boşluğuna aşağıda ki kodları yapıştırın.
<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>
<< [Kayıt Başlığı] ··· Ana Sayfa ··· [Kayıt Başlığı] >>
navigasyon,linkleri,ozellestirme
Hiç yorum yok:
Yorum Gönder