Cara Membuat Halaman Sitemap di Blogger

Sitemap adalah daftar isi yang memuat seluruh daftar postingan pada blog kita. Sitemap sendiri dibedakan menjadi 2 jenis, yakni XML dan HTML. Sitemap XML digunakan untuk keperluan mengindeks postingan sedangkan Sitemap HTML digunakan untuk memudahkan pengunjung melihat seluruh postingan pada blog kita.

Untuk Tutorial Cara Membuat Halaman Sitemap di Blogger sendiri tentunya ini termasuk Sitemap HTML karena termasuk dalam bentuk halaman berbeda dengan Sitemap XML yang hanya berbentuk teks saja.

Disini kita akan Membuat Halaman Sitemap di Blogger dengan tampilan yang menarik sehingga enak dipandang untuk pengunjung kalian. Untuk pembuatannya benar-benar cukup mudah. Kalian hanya perlu mengikuti langkah-langkah dibawah ini.

1. Pertama-tama kalian pergi ke Dasbor Blogger > Halaman.

2. Buat Halaman Baru lalu beri judul Sitemap dan masukkan kode dibawah. Pastikan sudah dalam mode 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.jsdelivr.net/gh/penaindigo/[email protected]/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

3. Sekarang sitemap kalian sudah jadi. Seperti inilah tampilannya.

Penutup

Sekian dulu Tutorial Cara Membuat Halaman Sitemap di Blogger dengan tampilan yang menarik pastinya. Jangan lupa untuk dishare ke teman kalian juga yah.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.