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.
