Wednesday, January 3, 2018

Cara Membuat Sitemap SEO Di Blogger dengan Mudah

Cara Membuat Sitemap SEO Di Blogger dengan MudahAssalamualaikum Wr Wb, Hallo Kawan - kawan Hobbyku Desain | TrendingKita | Tutorial Desain Dan Blog, Pada Artikel yang kami buat dan juga anda baca kali ini dengan judul Cara Membuat Sitemap SEO Di Blogger dengan Mudah, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan Artikel Blog, Artikel Tutorial, Artikel Widget, yang kami tulis ini dapat anda pahami dan juga bermanfaat.

Download Kumpulan Wallpaper Mobile Legends di MasMochen

Judul Artikel: Cara Membuat Sitemap SEO Di Blogger dengan Mudah
link : Cara Membuat Sitemap SEO Di Blogger dengan Mudah

Baca juga


Cara Membuat Sitemap SEO Di Blogger dengan Mudah


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



Demikianlah Artikel Cara Membuat Sitemap SEO Di Blogger dengan Mudah

Demikian artikel Cara Membuat Sitemap SEO Di Blogger dengan Mudah yang kami tulis kali ini, Semoga artikel diatas dapat memberi manfaat untuk anda semua yang membaca. Sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Sitemap SEO Di Blogger dengan Mudah dengan alamat link http://www.trendingkita.com/2018/01/cara-membuat-sitemap-seo-di-blogger.html
Download Kumpulan Wallpaper Mobile Legends di MasMochen


EmoticonEmoticon