Cara Membuat Halaman Sitemap di Blog Update 2021

Cara Membuat Halaman Sitemap di Blog Update 2021 - Sitemap merupakan halaman yang berisikan daftar isi artikel-artikel yang terdapat di blog tersebut. Halaman ini bermanfaat untuk memudahkan para pengunjung dalam mencari artikel apa saja yang ada di blog ini.

Terkadang halaman ini diacuhkan oleh sebagian blogger pemula, sebenarnya sitemap sangat berpengaruh besar dalam perkembang blog apalagi jika Sobat ingin mendaftarkannya ke Google AdSense.

Walaupun tidak tertulis dalam persyaratan untuk pendaftaran tapi halaman ini sangatlah berarti dalam faktor untuk proses peninjauan dari pihak AdSense dan berdampak positif untuk lebih mudah diterima Google AdSense.

Jadi, Admin sarankan segeralah pasangan halaman ini di blog Sobat untuk mempermudah pengunjung dalam mengaksesnya. Apabila kebingungan dengan proses pembuatannya, tenang saja Admin akan memberikan cara tercepat membuat halaman sitemap ini. Jadi simak artikelnya sampai selesai.

Cara Membuat Halaman Sitemap di Blog

  • Buka dashboard Blogger Sobat.
  • Pilih menu Halaman > Tambah Halaman Baru.
  • Kemudian salin script dibawah ini di Mode HTML.

<div class="jontor">
<script src="https://cdn.rawgit.com/teknomia/sitemap/2ad476de/sitemap-keren.js"></script><br />
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=teknomia_Load"></script><br />
</div>
<style type="text/css">
.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}
.jontor a{color:black;}
.jontor p .teknomia_Label{background:#4ECDC4;display:block;padding:12px;}
.jontor ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;color:#666;text-decoration:none;transition:all .3s ease-out;}
user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}
.jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#0fa9cd;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}
.jontor ol li:hover:after{left:-.5em;border-left-color:#0fa9cd;}
.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}
.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
ol{counter-reset:li;list-style:none;font:15px 'Arial';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}
.teknomia_Postname li:nth-of-type(odd){background:#f1f3f3;}
.new{color:red!important;font-weight:700;font-style:italic;}
user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}
</style>

Penting: Sebelum memasukan script diatas, lebih baik isi terlebih dahulu nama judul agar tidak berpengaruh terhadap url halaman tersebut.

  • Terakhir, jangan lupa Sobat Simpan.

Itulah Cara Membuat Halaman Sitemap di Blog Update 2021 yang dapat Admin bagikan, apabila ada pertanyaan mengenai masalah dunia blogger langsung saja komen dikolom yang sudah tersedia. Semoga bermanfaat, sekian dan terimakasih.