-->
Pengumuman:
- Link Pengunduhan AOV Server Luar dan KOG Sudah Tidak Tersedia Lagi Dikarenakan Beberapa Alasan Pribadi
- Mohon Maaf Atas Ketidaknyamanannya
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 PAYPAL 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

    SafelinkU | Shorten your link and earn money

    Iklan Tengah Artikel 1

    SafelinkU | Shorten your link and earn money

    Iklan Tengah Artikel 2

    SafelinkU | Shorten your link and earn money

    Iklan Bawah Artikel

    SafelinkU | Shorten your link and earn money