Cara Membuat Halaman Peta Situs HTML & XML di Blogger [Panduan Blogger Pemula 2022]

Cara Membuat Halaman Peta Situs – Menambahkan peta situs ke blog Anda akan membantu pengunjung Anda lebih mudah menavigasi entri blog Anda; peta situs HTML adalah untuk pembaca Anda dan akan muncul sebagai halaman di blog Anda, sedangkan peta situs XML untuk mesin pencari.

Jadi, menambahkan peta situs HTML mengurangi rasio pentalan, sementara menambahkan peta situs XML khusus meningkatkan lalu lintas organik dengan memungkinkan mesin telusur merayapi situs Anda dengan lebih cepat!

Fitur unik peta situs ini adalah mampu memperbarui entri baru secara otomatis. Yang harus Anda lakukan adalah mengintegrasikannya untuk pertama kalinya dan duduk santai dan nikmati hasilnya.

Cara Membuat Halaman Peta Situs

Peta situs ini sepenuhnya dikodekan dalam javascript dan CSS, dan posting baru ditunjukkan sebagai “Baru!” dalam warna oranye di sebelah tautan posting. Peta situs ini sepenuhnya dikodekan dalam javascript dan CSS, dan Abu Farhan adalah pembuat kode peta situs ini!

Cara Membuat Halaman Peta Situs HTML di Blogger

1. Buat Halaman baru dengan membuka Blogger » Halaman
2. Sekarang, pilih tab HTML dan salin dan tempel kode berikut

<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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
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{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style><div id=”toc”>
<script src=”https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/” type=”text/javascript”></script>
<script src=”http://www.yourblogurl.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”>
</script></div>

3. Ganti yourblogurl dengan URL blog Anda.
4. 9999 adalah jumlah maksimum posting yang dapat ditampilkan.
5. Sekarang, cukup klik terbitkan dan selesai!!

Cara Membuat Peta Situs XML di Blogger

  1. Kunjungi ctrlq.org/blogger untuk informasi lebih lanjut.
  2. Masukkan URL blog Anda dan pilih Generate Sitemap. Sekarang salin kode yang dihasilkan dan kembali ke Blogger.
  3. Untuk mengakses opsi Perayapan & Pengindeksan, navigasikan ke pengaturan » Preferensi Pencarian » Perayapan & Pengindeksan.
  4. Robots.txt khusus harus diaktifkan dan kode harus ditempelkan.
  5. Pertahankan! Anda sudah selesai.

Kesimpulan

Begitulah cara Anda membuat peta situs HTML atau XML untuk blog Anda, dan ini merupakan integrasi satu arah; kode tersebut akan mengupdate link artikel secara otomatis saat feed blog kita di update. Saya harap Anda menikmati posnya; jangan ragu untuk meninggalkan komentar di bawah dengan pemikiran dan kekhawatiran Anda. Bersenang-senang dengan blog Anda!

Mungkin Anda juga membutuhkan informasi berikut ini :

  1. Cara Mebuat Blog di Blogger dari Nol Hingga dapat Dollar [Panduan Blogger Pemula 2022]
  2. Mengenal Menu Dashboard Blogger dan Fungsinya
  3. 21 Cara Agar Blog Tidak di Copas [Panduan Blogger Pemula 2022]
  4. Tips Membuat Halaman About Us [Panduan Blogger Pemula 2022]
  5. Cara Membuat Laman Contact Us di Blogger [Panduan Blogger Pemula 2022]