-->
Cara Membuat Halaman Sitemap di Blogger

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/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/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.

Seorang Blogger Pemula yang sedang belajar
  • Facebook
  • WhatsApp
  • Instagram
  • DONASI VIA OVO Bantu berikan donasi untuk blog ini agar bisa tetap semangat memberikan artikel terbaru
    Tampilkan Komentar
    Sembunyikan Komentar

    0 Komentar

    Posting Komentar

    Catatan
    • Mohon Tinggalkan komentar sesuai dengan judul artikel.
    • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
    • Dilarang mencantumkan link aktif di komentar.
    • Komentar dengan link aktif akan otomatis dihapus
    • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel