Membuat Sitemap Mudah Keren Responsif
"peta situs/sitemap blog, cara membuat peta situs, cara memasang sitemap di Blog, cara mengganti warna sitemap"
Apa itu peta situs/sitemap?
 |
| Sitemap Blog |
Halo sahabat, sering dengerkan bloggerian sering membicarakan peta situs, terutama mereka yang baru belajar ngeblog atau blogger pemula? Ya, hal tersebut merupakan hal yang wajar bagi setiap blogger. Kali ini saya akan menjelaskan beberapa informasi tentang peta situs dan cara membuatnya. Apa itu peta situs Blogger? Singkatnya, sitemap atau peta situs adalah halaman khusus yang digunakan untuk mengumpulkan semua data URL yang terdapat dalam sebuah blog. Menyediakan mesin pencari dengan berbagai informasi yang terjadi di blog. Ini bisa mencakup semua kondisi data URL blog Anda saat itu.
Baca juga : Cara Membuat Privacy Policy dan Disclaimer Blog Mudah
Bagaimana cara membuat peta situs?
Dengan menggunakan peta situs, blog Anda dapat dengan lebih mudah memasukkan data URL ke mesin telusur. Karenanya, blog Anda akan lebih cepat terindeks di mesin pencari Google. Ini juga salah satu teknik SEO (Search Engine Optimization) sederhana yang diperhatikan banyak blogger. Saat Anda menerbitkan artikel terbaru, peta situs akan diperbarui secara otomatis. Tentunya hal ini juga akan menginformasikan mesin pencari bahwa blog Anda masih dikelola dengan baik dan terus memberikan manfaat bagi banyak orang.
<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>
<br />
<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&alt=json-in-script&callback=loadtoc">
</script></div>
Bagaimana cara memasang sitemap di Blog?
1. Langkah pertama yang akan Anda lakukan adalah masuk ke dashboard blog. Kemudian klik "Halaman / Halaman" dan buat halaman baru.
2. Pastikan untuk menggunakan nama Peta Situs untuk membuat judul halaman.ubah dari metode menulis ke HTML. Buat kalimat sesuai kebutuhan (opsional)
3. Terakhir, tempel kode yang Anda salin sebelumnya ke halaman pengeditan HTML. Lihat gambar di bawah ini. Jika Anda mengklik Publikasikan. Kemudian, Anda telah berhasil membuat halaman peta situs.
Berikut adalah contoh sitemap yang kita buat, selanjutnya saya ingin mengganti warna sitemap agar match atau cocok dengan warna templete kita, kali ini saya ingin merubah warna, hal yang perlu diperhatikan kita hanya mengganti warna berupa kode hex yang kita buat, yang mana kode hex bang? kode hex selalu dimulai dengan tanda pagar #, seperti pada bagian yang beri warna kuning contoh #2D96DF,
Bagaimana cara mengganti warna sitemap?
Selanjutnya kita akan mengganti warna hitam silakan search di google sudah banyak yakni #000000, selanjutnya replace saja kode tersebut di bagian sitemap yang kita tempel di halaman (HTML), setelah itu tinggal kita simpan, ok sekarang mari kita cek perubahannya.
 |
| Merubah Warna Sitemap |