Monday, September 17, 2018

Cara Membuat Sitemap di Blogspot

Advertise 1

Advertise 2

Baca Juga

Apa sih sitemap atau Peta situs itu?
Seberapa pentingkah sitemap untuk website atau blog kita?
dan apa fungsi sitemap bagi blog kita?

Pertanyaan-pertanyaan diatas pasti muncul bagi blogger pemula yang ingin membangun blog. Sitemap merupakan ringkasan isi atau daftar isi dari blog kita berdasarkan kategori artikel yang kita posting. Jadi setiap kita memposting artikel maka akan secara otomatis ditambahkan ke dalam sitemap sesuai kategori artikel yang sudah kita buat berdasarkan label.

Menurut saya pribadi kalau blog sobat ingin di monoteisasi adsense dan dapat diterima adsense maka sitemap penting untuk disetting karena salah satu blog diterima adsense yaitu memiliki struktur yang lengkap termasuk sitemap. Jadi sobat bisa mengisi sitemap tersebut supaya blog sobat menjadi lengkap.

Kegunaan lain dari sitemap yaitu untuk mempermudah pengunjung mengetahui apa aja isi dari blog sobat, jadi pengunjung dipermudah untuk melihat isi dalam blog sobat. Apalagi blog sobat berisi tutorial-torial yang lengkap pasti pengunjung akan betah berlama-lama di blog sobat karena yang di cari ada semua diblog sobat.

Cara Membuat Sitemap di Blogspot sangatlah mudah, sobat bisa mengikuti langkah-langkah dibawah ini :


  • Log in terlebih dahulu ke blog sobat
  • Pilih Halaman baru pilih yang penulisan HTML dan pastekan kode di bawah ini kedalam halaman HTML.

<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="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script> <script src="https://www.xxxxxxxxxxxx.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>

  • Silahkan ganti https://www.xxxxxxx.com dengan url blog sobat.
  • Publikasikan
  • Setelah terpublish silahkan di cek apakah sudah berfungsi sesuai yang diinginkan jika sudah sesuai silahkan copas link urlnya dan tempatkan di settingan sitemap melalui edit tema blog sobat.
Jika berhasil maka akan seperti gambar dibawah ini .

Sekian cara setting sitemap di blogspot dengan mudah, apabila ada kendala silahkan ditanyakan dikolom komentar.

Sumber source code dari Penaindigo.com



EmoticonEmoticon