Selamat malam sahabat UDL, Di kesempatan kali ini saya akan membagi sebuah tutorial tentang cara memasang sitemap pada blog/web kita , saya yakin para bloger apalagi para mastet sudah pada tau apa itu sitemap, dan bagi para pemula yang belum paham simak dengan baik-baik.
Apa sih itu sitemap ?
Sitemap adalah peta yg berisiskan isi seluruh blog/website kita mulai dari awal hingga akhir.
apa fungsi sitemap untuk blog kita ?
Fungsi dari sitemap itu sendiri adalah untuk memudahkan para pengunjung dari berbagai sumber mengetahui apa saja yg ada di dalam blog kita, (Memudahkan para pengunjung mencari artikel yg mereka inginkan pada blog /website kita ).
Terus bagaimana cara pemasangan sitemap di blog kita ?
Untuk caranya silahkan simak dengan baik-baik dan ikuti langkah2nya seperti di bawah ini .
1. Masuk ke blog kalian, lalu pilih Halaman - pilih Halaman baru.
2. Copy paste kode Script di bawah ini di opsi HTML (Bukan Opsi Compose). "Ingat di opsi HTML ya , Lihat gambar.
Untuk Kodenya
</>
<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&alt=json-in-script&callback=loadtoc">
</script></div>
3. Klik Publish Selesai
Untuk mengeceknya silahkan kalian klik lihat maka penampakan nya akan seperti di bawah ini.
Happy Bloging :-D :-D
Telah di update pada tagal 04 Desemeber 2019
