Blogger Site Haritasını Sayfaya Ekleme Eklentisi

Blogger sitenize sitemap ekleme yani site haritası sayfası eklentisi için yapılması gereken birkaç adımlar aşağıda yer almaktadır. Blogger site haritası sayfası eklemek için yapmanız gerekenler:

Blogger Site Haritası Nasıl Eklenir?

• İlk olarak Blogger (Blogspot) panelinize giriş yapın
• Sayfalar sekmesine tıklayarak, yeni sayfa butonu ile sayfa oluşturunuz.
• Site haritasını eklemek için ilk olarak sayfa adınızı belirleyin daha sonra ise HTML butonuna basarak aşağıda bulunan kodları sitenize ekleyip, Yayınla butonu ile blogger sitemap sayfası eklentisini oluşturabilirsiniz.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i);
a,a:link,a:visited {color:#ffa502;text-decoration:none;transition:all .3s}
a:hover,a:hover:visited {color:#ea9906}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {
  background: #f5f5f5;
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: normal;
}

.container {
  max-width: 768px;
  margin: 4% auto;
  padding: 40px;
  background: #fff;
  color: #666;
  font-size: 16px;
  line-height: 1.6;
  border-radius: 10px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.03);
}

.container h1,
.container h2 {
  display: block;
  margin-bottom: 40px;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
}

.container h2 {
  margin-top: 30px;
}
.siteharitasi-sitemap{position:relative;margin:30px auto}
.siteharitasi-toc-wrap{display:inline-block;width:100%}
.siteharitasi-toc-wrap .siteharitasi-cat{background:#fff;border-radius:2px;color:#333;font-size:15px;font-weight:700;padding:10px 20px;border:4px solid #333;text-transform:capitalize}
.siteharitasi-toc::before{background:#333;bottom:0;content:'';left:20%;margin-left:-10px;position:absolute;top:0;width:4px}
.siteharitasi-toc{margin:0;padding:30px 20px;position:relative}
.siteharitasi-sitemap ul.siteharitasi-toc{margin:0;padding:30px 0;list-style-type:none}
.siteharitasi-toc li{list-style:none;margin:0;padding:0;position:relative}
.siteharitasi-toc > li .toc-date{color:#999;display:block;font-size:14px;font-weight:bold;position:absolute;text-transform:uppercase;top:25px;width:15%}
.siteharitasi-toc > li .siteharitasi-icon{background:#fff;border-radius:50%;box-shadow:0 0 0 4px #333;color:#fff;font-size:1.4em;font-style:normal;font-variant:normal;font-weight:normal;height:10px;left:21.8%;line-height:10px;margin:0 0 0 -25px;position:absolute;text-align:center;text-transform:none;top:30px;width:10px}
.siteharitasi-toc > li .siteharitasi-post::after{border-color:transparent #f5f5f5 transparent transparent;border-style:solid;border-width:10px;content:'';height:0;pointer-events:none;position:absolute;right:100%;top:auto;width:0}
.siteharitasi-toc > li .siteharitasi-post{background:#f5f5f5;border-radius:5px;display:block;font-size:15px;margin:0 0 15px 23%;padding:25px 30px;position:relative}
.siteharitasi-toc > li .siteharitasi-post a{color:#333;font-weight:700}
.siteharitasi-toc > li:last-child .siteharitasi-post{margin:0 0 0 23%}
.siteharitasi-toc > li .siteharitasi-post a:hover{color:#999}
</style>
<div class="container">
<div class="post-body">[sitemap]</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'>
</script>
<script>
//<![CDATA[
$(document).ready(function(){var static_page_text=$.trim($(".post-body").text());var text_month=[,"Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"];if(static_page_text==="[sitemap]"){var postbody=$(".post-body");$.ajax({url:"https://www.hacoos.com/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=[];for(var n=0;n<e.feed.category.length;n++){t.push(e.feed.category[n].term)}var t=t.join("/");postbody.html('<div class="siteharitasi-sitemap"></div>');$(".post-body .siteharitasi-sitemap").text(t);var r=$(".siteharitasi-sitemap").text().split("/");var i="";for(get=0;get<r.length;++get){i+="<span>"+r[get]+"</span>"}$(".siteharitasi-sitemap").html(i);$(".siteharitasi-sitemap span").each(function(){var e=$(this);var t=$(this).text();$.ajax({url:"https://www.hacoos.com/feeds/posts/default/-/"+t+"?alt=json-in-script",type:"get",dataType:"jsonp",success:function(n){var r="";var i='<ul class="siteharitasi-toc">';for(var s=0;s<n.feed.entry.length;s++){for(var o=0;o<n.feed.entry[s].link.length;o++){if(n.feed.entry[s].link[o].rel=="alternate"){r=n.feed.entry[s].link[o].href;break}}var u=n.feed.entry[s].title.$t;var a=n.feed.entry[s].published.$t,f=a.substring(0,4),l=a.substring(5,7),c=a.substring(8,10),h='<span class="day">'+c.replace(/^0+/,"")+'</span> <span class="month">'+text_month[parseInt(l,10)]+' </span><span class="year">'+f+"</span>";i+='<li><div class="toc-date">'+h+'</div><div class="siteharitasi-icon"></div><span class="siteharitasi-post"><a href="'+r+'">'+u+"</a></span></li>"}i+="</ul>";e.replaceWith('<div class="siteharitasi-toc-wrap"><div class="siteharitasi-cat">'+t+'</div>'+i+"</div>")}})})}})}});
//]]>
</script>

Not: Sitenize site haritası oluşturur iken www.hacoos.com bölümlerini site adınız ile değiştiriniz.