 |
| 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.
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 == "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>
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.
Yorum Gönder