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.
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;}
İşlememiz bu kadar arkadaslar işe yarar bir konudur. Zahmetli ama yapınca gerçekten işe yarıyor.
www.kisiselblogcumuz.blogspot.com
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;}
İşlememiz bu kadar arkadaslar işe yarar bir konudur. Zahmetli ama yapınca gerçekten işe yarıyor.
www.kisiselblogcumuz.blogspot.com