Cara Membuat Sitemap SEO Di Blogger - Mr-Roz3R


Assalamualaikum,
Pada Kesempatan kali ini saya akan membahas sebuah artikel tentang Cara Membuat Sitemap SEO Di Blogger.

Apa Itu Sitemap?

Sitemap adalah suatu kumpulan artikel-artikel pada suatu web yang dapat mempermudah dalam pengenalan peta situs dalam web.

Kita langsung saja lanjut okee :v

Oh ya kali Sitemap nya ada 3 , jadi bisa pilih yang mana saja terserah ea :v

Kebetulan Saya Memakai Yang KETIGA :V

1. Pertama kita buka dulu https://www.blogger.com , abis itu kita buat HALAMAN baru seperti gambar dibawah ini :v




2. Copy Source Code SITEMAP bentuk PERTAMA :

<div dir="ltr" style="text-align: left;" trbidi="on">
<script type="text/javascript"> var numposts = 100; var standardstyling = true; function showrecentposts(json) { for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; }} posttitle = posttitle.link(posturl); if (standardstyling) document.write('<li>'); document.write(posttitle);} if (standardstyling) document.write('</li>
'); } </script>

<ul>
<div>
<h3>
Daftar Isi : </h3>
</div>
<script src="https://www.mr-roz3r.net/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=9999"></script>
</ul>
</div>

*Ganti Tulisan Warna Merah Menjadi Web Masing-Masing :)

3. Setelah di copy lalu Paste kan seperti gambar dibawah ini :)

Jangan lupa paste nya di HTML bukan COMPOSE :v

4. Dan Terakhir adalah PUBLIKASIKAN :v


*Source Code SITEMAP bentuk KEDUA :

<script style="text/javascript" src="https://cdn.rawgit.com/mowdot/mysitemap/master/sitemapku.js"></script>

<script src="https://www.mr-roz3r.net/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
*Ganti Tulisan Merah Dengan Web Masing-Masing :)


*Source Code SITEMAP bentuk KETIGA :

<div dir="ltr" style="text-align: left;" trbidi="on">
<style scoped="" type="text/css">
.table-of-content{background-color:#fff;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial}
.table-of-content .toc-header:hover{background-color:#fdfdfd}
.table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease}
.table-of-content .toc-header.active{color:#fc4f3f}
.table-of-content .toc-header.active:before{border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.table-of-content .loading{display:block;padding:15px;text-decoration:blink}
.table-of-content ol{margin:0;padding:0;list-style:none;transition:initial}
.table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#444359!important;transition:initial}
.table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial}
.table-of-content a:visited{color:#a2a2a9;transition:initial}
.table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;text-decoration:none;transition:initial}
.post ol li:before{display:none}
</style>

<br />
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat konten...</span></div>
<script>
var toc_config = {
    url: 'https://www.mr-roz3r.net',
    containerId: 'table-of-content',
    showNew: 15,
    newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#5c5a78;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="https://rawgit.com/ardycool/sitemapku/master/sitemap.js"></script>

</div>
*Ganti Tulisan Merah Dengan Web Masing-Masing :)

***DEMO

Cukup Sekian Tutorial Cara Membuat Sitemap SEO Di Blogger.
Semoga Artikel ini bermanfaat untuk semua orang :) Terima Kasih
#Mr-Roz3R.net

January 03, 2018 - 4 komentar

4 komentar untuk Cara Membuat Sitemap SEO Di Blogger - Mr-Roz3R.


Perlihatkan Semua Komentar Tutup Semua Komentar
.

Widih mantap gan.. makasih infonya gue baru tahu nih...

Balas Hapus
.

mantap gan , punya di blog ini lebih responsive , thx ya :D

Balas Hapus