Blogger'da Site Haritası veya İçindekiler Bölümü Nasıl Oluşturulur?

Merhaba Sevgili Okur,
Bloguma yeni bir özellik ekledim ve bu özelliği okurlarımda kendi bloglarına eklesinler istedim. Bu yazımızda neler öğreneceğiz?

• Blogger Site Haritası Oluşturma!
• Blogger İçindekiler Sayfası Oluşturma!
• Blogger Arşiv Sayfası Oluşturma!

Bu özelliği blogumuza eklemek için temamızın bazı kodlarında değişiklikler yapmamız gerekiyor.

Örnek Site Haritası, Arşiv Sayfası veya İçindekiler bölümü için Profesyonel Blogger Sitemap sayfasını inceleyebilirsiniz.

Daha önce birçok blog yazarı arkadaşım, bu konuda Blogger arşiv sayfası nasıl oluşturulur, Blogger Sitemap oluşturma isimli öğretici içerikler yayınladılar ancak Blogger güncellemelerinden sonra bir çoğu çalışmaz oldu. Yabancı bloglardan sorunsuz çalışan bir yöntem ile bu özelliği kendi bloguma eklemeyi başardım.

Site Haritası sayfaları iki şekilde işimize yarar.

1. Google'ın blogumuza daha kolay indexlemesine yarar.
2. Okurların yazılarınıza daha kolay ulaşmasını sağlar.

Güzel bir özellik ise Yazıların kategorilere göre sıralanmasıdır. Her kategorideki yazılar yayınlanış sırasına göre sıralanır ve her kategoride yayınlanan en son içeriğin yanında kırmızı yazı ile '' Yeni İçerik! '' yazar. Böylece her kategoride yayınlanmış son içeriği de okurlarımıza sunmuş oluruz.

Gelelim Blogger Site Haritası Sayfamızı nasıl oluşturacağımıza.

Blogger Site Haritası Nasıl Oluşturulur?

Blogger yönetim panelimizden Sayfalar kısmına gelip yeni sayfa oluştur diyoruz.

Yeni Sayfa oluştur butonuna tıkladıktan sonra sayfamıza bir isim veriyoruz. Ben bu sayfaya Site Haritası ismi verdim ancak siz dilerseniz Arşiv Sayfası dilerseniz İçindekiler Bölümü veya başka bir isim verebilirsiniz. Sayfanın ismi tamamen size kalmış.

Sayfa ismini belirledidkten sonra sayfamızın HTML kısmına geliyor ve aşağıdaki kodları bu sayfa içerisine yapıştırıyoruz.

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://profesyonelblogger.blogspot.com/" style="font-size: 10px; text-decoration:none; color: #5146CD;">Bu eklentiyi bloguna eklemek için tıkla!</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">Yeni İçerik!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio6wOlO1cYSezJvepvFowgFrx67PRGn1DQq-Uc1cqmdQUjNJh_yXpqdIVmj7X-R1oDZNZfE4a74DK4uogG0WYKp5oM2d7aOK2kby4oe1Fp49ll0pEDpo1lOA9R55sh8U_eANLDu5zX2aHs/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://profesyonelblogger.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>


Yukarıdaki kodları sayfamıza yerleştirdikten sonra mavi ile belirttiğim profesyonelblogger ibaresinin yerine kendi blogunuzun ismini girmeniz gerekmektedir.

Daha sonra sayfanın sağ bölümünde bulunan seçenekler kısmında Okuyucu Yorumları bölümünün altındaki İzin Verme seçeneğini işaretliyoruz. Bu sayfada yorumu devre dışı bırakmak daha mantıklıdır.

Böylelikle artık bir Blogger Site Haritası, Blogger Arşiv Sayfası veya Blogger İçindekiler Bölümü sayfamız hazırlanmış oluyor.

Dipnot: Sayfanın yüklenmesi biraz zaman alabiliyor bu yüzden sayfaya yapıştırdığımız kodların en üstüne durumu izah eden bir açıklama ekleyebilirsiniz. Ben '' Site Haritasının yüklenmesi biraz zaman alabilir. 1 dakika kadar beklediğinizde tüm arşiv yüklenecektir.'' şeklinde bir ibare ekledim.

Takıldığınız bir yer olursa yorum bölümünden iletebilirsiniz.

İyi bloglamalar dilerim.

Profesyonel Blogger