Cara Membuat Sitemap Otomatis pada Blog yang benar.

Posting Komentar
Cara membuat sitemap otomatis pada blog- Selamat malam sahabat catatanargie, 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 itu sitemap ?.


Sitemap adalah peta yg berisiskan  isi seluruh blog/website kita mulai dari awal hingga akhir.

Apa fungsi sitemap untuk Blogg ?.


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 ).

Cara membuat sitemap otomatis pada blog. 


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&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>



3. Klik Publish Selesai

Untuk mengeceknya silahkan kalian klik lihat maka penampakan nya akan seperti di bawah ini.


Semoga bermanfaat , jika kurang paham silahkan bertanya di komentat ,
Happy Bloging :-D :-D

Telah di update pada tagal 04 Desemeber 2019 
Catatan : telah di update kembali pada tanggal 14 februari 2020.
Argie Rahman
Hanya seorang penulis biasa, yang bercita-cita menjadi orang yg beguna. Menuju alam mimpi berharap nyata
Lebih baru Terlama

Related Posts

Komentar

Subscribe Our Newsletter