Cara Membuat Sitemap untuk Blog Non AMP

Jika sebelum cara buat sitemap untuk blog AMP, sekarang kita bahas cara membuat sitemap untuk blog non AMP.

Sitemap atau petasitus sangatlah wajib disediakan pada sebuah situs blog, dikarenakan blog mempunyai banyak artikel, jadi dengan di sediakan menu disitemap pada sebuah situs blog, maka pengunjung akan mengetahui semua isi artikel dalam blog tersebut dan bisa mencari artikel yang akan dibaca juga lebih mudah.

Sebetulnya sudah banyak banget cara ini tersedia di pencarian Google, namun untuk melengkapi artikel pada blog ini, jadi tidak ada salahnya kalau artikel ini di posting pada situs blog ini.

Membuat sitemap untuk blog non AMP sangatlah mudah, atau tidak seribet membuat sitemap untuk blog AMP, yang mana jika untuk blog AMP kita harus hoting segala, jika untuk pemula akan menjadi bingung. Namun jika untuk blog non AMP sangatlah simpel dan sangat mudah, walaupun untuk seorang pemula.

Dikarenakan blog non AMP memggunakan Javascript jadi membuat sitemap jadi lebih mudah.

Kita mulai saja bagaimana cara membuatnya

Silahkan salin semua kode dibawah ini

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
<script src="https://www.czrandy.net/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Kemudian masuk ke dasbor blog sobat pilih > halaman > dan buat halaman baru.

Kemudian tempelkan kode yang tadi disalin pada menu Html postingan statis blog sobat, dan jangan lupa ganti www.czrandy.net dengan alamat blog sobat

Selesai ... itulah cara bagaimana membuat sitemap untuk blog Non AMP

Semoga bermanfaat !