Önceki - Sonraki Konular Yönlendirmelerine Title Eklemek

ads

ads

Blogspot, Önceki sonraki yayınlara title eklemek

Blogger  temaların hemen hemen hepsinde konuların altında   ziyaretçiyi bir sonraki ve önceki konuya yönlendirecek ileri >  > geri  - Önceki - Sonraki şeklinde yönlendirmeler bulunur.  Bu konumuzda önceki sonraki butonlara önceki konu ismi veya sonraki konunun ismini  title olarak ekelyeceğiz.

Önceki sonraki  buton Eklentisinin kurulumu

1. Adım Blogger > Şablon yolunu izleyerek HTML Düzenle kısmından </head> kodunu Crtl+F yardımı ile bulun.  aşağıdaki kodu  </head> kodunun  bir satır üstüne ekleyin.

Kod:

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>

 2. Adım. Tekrar Ctrl+F yardımıyla </body> kodunu bulun. Aşağıdaki kodu </body> kodunun bir satır üstüne ekleyin.

 kod:

<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> <![CDATA[ var urlToNavTitle = {}; function getTitlesForNav(json) { for(var i=0 ; i < json.feed.entry.length ; i++) { var entry = json.feed.entry[i]; var href = ""; for (var k=0; k<entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { href = entry.link[k].href; break; } } if(href!="") urlToNavTitle[href]=entry.title.$t; } } document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"></'+'script>'); function urlToPseudoTitle(href) { var title=href.match(/\/([^\/_]+)(_.*)?\.html/); if(title) { title=title[1].replace(/-/g," "); title=title[0].toUpperCase() + title.slice(1); if(title.length > 28) title=title.replace(/ [^ ]+$/, "...") } return title; } $(window).load(function() { window.setTimeout(function() { var href = $("a.blog-pager-newer-link").attr("href"); if(href) { href = href.replace(/\.blogspot\.[^/]+\//, ".blogspot.com/"); var title=urlToNavTitle[href]; if(!title) title=urlToPseudoTitle(href); if(title) $("a.blog-pager-newer-link").html("<< Sonraki Yayın<br />" + title); } href = $("a.blog-pager-older-link").attr("href"); if(href) { href = href.replace(/\.blogspot\.[^/]+\//, ".blogspot.com/"); var title=urlToNavTitle[href]; if(!title) title=urlToPseudoTitle(href); if(title) $("a.blog-pager-older-link").html("Önceki Yayın >><br />" + title); } }, 500); }); //]]> </script>

3. Adım  Aynı şekilde  ]]></b:skin> kodunu aratarak bulun ve bir satır üstüne yukarıdaki yaptığınız işlemler gibi aşağıdaki kodu ekleyin.


.blog-pager-newer-link {background-color:transparent !important;padding: 0 !important;} .blog-pager-older-link {background-color:transparent !important;padding: 0 !important;} #blog-pager-newer-link {padding:5px;font-size:90%;width:200px;text-align:left;} #blog-pager-older-link {padding:5px;font-size:90%;width:200px;text-align:right;}

ads