Cara Membuat Sitemap Keren Untuk Blogger

Posted on

Sitemap atau peta situs menjadi bagian penting dari sebuah web atau blog, dengan adanya sitemap, maka akan memudahkan pengunjung saat mereka ingin mencari artikel atau tulisan yang di maksut.

{tocify} $title={Daftar Isi Artikel}
Dan pada artikel kali ini saya akan berbagi panduan, bagaimana caranya membuat sitemap di blogspot atau blogger, khusus untuk kalian yang baru pemula di dunia blogging.

Apa itu Sitemap?

Sitemap adalah kumpulan informasi berupa direktori halaman sebuah website mapun blog. Isi dari sitemap itu sendiri adalah kumpulin link atau artikel yang ada di web tersebut, atau istilah lainya seperti daftar isi yang ada di buku.

Langkah Untuk Memulai

  • Buka Blogger .
  • Tab di bagian list.
  • Pilih halaman.
  • Buat halaman baru.
  • Beri judul “Sitemap”.
  • Tempel kode script.
  • Klik “Publikasi”.
  • Selesai.
Berikut ini adalah kode script yang bisa kamu gunakan untuk mengisi sitemap di blog yang kamu kelola.

Kode Script Sitemap Blogger

<#style type=”text/css”>
#toc{width:99%;margin:5px auto;border:1px solid #df772d;
-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: #08484f;
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>

<#script src=”https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js” type=”text/javascript”><#/script>
<#script src=”/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc”>
<#/script>

{codeBox}

Penjelasan Singkat

Jangan sampai ada kekeliruan saat kamu menyalin kode tersebut, dan jangan lupa hapus tanda “#” supaya agar sekali di pasang langsung berhasil.
Bagaimana, mudah bukan cara membuat sitemap keren di blogger atau blogspot.
Semoga membantu dan bermanfaat.
Artikel Sejenis  Cara One Page di Google Bagi Semua Pemula yang Mudah

Leave a Reply

Your email address will not be published. Required fields are marked *