Skip to content Skip to sidebar Skip to footer

Cara Membuat Sitemap atau Daftar isi di Blog


Saya hanya ingin berbagi sedikit ilmu tentang pengetahuan yang saya miliki , pada hari ini tepatnya tgl 6 Desember 2021 saya akan memberikan tutorial atau tips Cara membuat Sitemap atau Daftar isi di Blog. Biasanya Sitemap di gunakan Agar Blog atau website dapat di tinjau secara Global keseluruhan, “ Yang di maksud dengan Sitemap sebenarnya sebuah Daftar isi blog. Mungkin bagi yang baru mengenal di dunia Blogger , pemula tentunya sangat bingung dengan Apa itu Sitemap.

Menambahkan Halaman Sitemap memberikan kualitas suatu blog agar terlihat lebih profesional dengan link dan judul yang di tampilkan Halaman Sitemap.

Kode html Sitemap atau Daftar isi

Silahkan Copy kode sitemap atau  Daftar isi di kolom berikut. 


<style type="text/css">

#toc{

width:99%;

margin:5px auto;

border:1px solid #c40212;

-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%,#00ff00 40%);

background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#00ff00));

border:1px solid #c40212;

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:#f58711;

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,#00ff00));

}

.postname li{

border-bottom: #ddd 1px dotted;

margin-right:5px

}

</style>

<br />

<div id="toc">

<script src="https://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>

<script src="https://tekno.ayokerja.xyz/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

8 Panduan cara memasang Halaman Sitemap atau Daftar isi di Blogger

1. Login Dashboard Blogger
2. Buka navigasi Blogger
3. Cari Halaman
4. Tambahkan postingan halaman blog
5. Posting mode html /bukan teks
6. Copy paste kode html /JavaScript sitemap di atas
7. Save atau simpan
8. Selesai 
9. Tinjau hasilnya 

Panduan edit kode warna sitemap berikut , kode warna biasanya di awali 
  • Tanda pagar - angka - huruf
  • Tanda pagar - angka
  • Tanda pagar - huruf
Kode warna CSS minimal terdiri 6 kapital

#FF5F00  #000000  #ffffff

Ganti url situs web-nya , ganti url blog sendiri , berikut ini url yang harus di ganti

https://tekno.ayokerja.xyz

Penutup Akhir

Panduan ini saya bagikan hanya untuk yang ingin membuat sitemap atau Daftar isi di halaman blog atau website dengan mudah dan cepat , semoga artikel ini bermanfaat