Sonraki/ Önceki Yayınlar Yönlendirmelerine Title Eklemek

Blogger Eklentileri - Önceki Sonraki Yayınlara Title Eklemek

Her blog yayınınızın sonunda kullanıcıyı yönlendirmeye yönelik önceki ve sonraki yayınlar sekmesi bulunur. Sizlere bahsedeceğim Blogger Eklentisi sayesinde bu sekmelerin altına konu başlıklarını da ekleyeceğiz.  Hemen sizler için demo örneğini sunmak istiyorum.

Blogger Önceki Sonraki Yayınlara Başlık Ekleme Demo

Sonraki / Önceki Yayınlar Yönlendirmelerine Title Eklentisi 

1 ) Blogger kumanda paneline gelip Şablon >> HTML'yi Düzenle sekmesiyle kodlarımızı açıyoruz. Widget şablonlarını genişlet kutucuğunu işaretliyoruz.
 2 ) Ctrl + F yardımı ile </head>  kodunu bularak aşağıdaki kodu hemen üzerine ekliyoruz.

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

3 ) Ardından Ctrl + F yardımı ile   </body> kodunu buluyoruz ve hemen üzerine aşağıda ki kodları ekliyoruz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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("&lt;&lt; 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 &gt;&gt;<br />" + title);
}
}, 500);
});
//]]>
</script>

4 )  Son olarak tekrar  Ctrl + F yardımı ile ]]></b:skin> kodunu bulup hemen üzerine aşağıda ki kodları ekliyoruz.

 .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;}

Şablon kodlarımızı kaydederek işlemi tamamlıyoruz. Artık Sonraki Önceki yayın yönlendirmelerinde konu başlığınızda görünecektir. 

Bu tarz eklentileri sayfalar arası linklendirme işleminden kurtulmak için sıkça kullanıyoruz. Eklentiyi kullansanız dahi içeriğinize gerektiği zaman site içi linklendirme yapmanız daha faydalı olacaktır. 

Konu hakkında daha fazla bilgi edinmek için lütfen buradan buyurun :  Yayın İçi Link İnşası >>