Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Sitemap Langsung Jadi Terbaru 2020

cara membuat sitemap otomatis

Aminsunhaji.Com - Sitemap adalah seluruh daftar isi artikel yang ada disebuah blog. Sama halnya sebuah buku cetak, sebuah blog pun ada daftar isinya.
Daftar isi dalam sebuah blog ini jelas sangat mempermudah bagi pembaca untuk bisa mengetahui isi sebuah blog dengan mudah dan cepat.

Dalam bentuknya sitemap atau daftar isi disebuah blog akan diurutkan sesuai kategori atau label yang sudah dibuat sebelumnya oleh penulis. Jadi nanti akan berjajaran judulnya per label yang sudah dibuat, kamu tinggal klik judul artikel apa yang sedang dicari untuk dibaca.

Setelah di klik otomatis akan terhubung ke situs link artikel yang di pilih.

contoh sitemap

Contoh tampilan sitemap seperti gambar diatas. Foto tersebut saya ambil di sitemap pada blog ini. Jika kalian penasaran dan ingin melihat langsung, kalian klik ini.

Cara membuat Sitemap Langsung Jadi.

Langkah 1 : login di blogger.com dengan akun blog/email kamu.

Langkah 2 : Klik menu halaman dan klik menu halaman baru.

Langkah 3 : Buat judulnya 'sitemap' dan klik html. masukan data script dibawah ini.
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #df772d;
-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: #08484f;
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&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Langkah 4 : Pastikan datascrip diatas dicopas dan paste pada bagian  HTML terlebih dahulu. Jangan sampai dicopas pada bagian compose.

Langkah 5 : Silahkan klik publikasikan dan lihat hasilnya
.

1 komentar untuk "Cara Membuat Sitemap Langsung Jadi Terbaru 2020"

Posting Komentar

Silahkan tulis komentar kamu, yang membangun, mengkritik atau pendapat kamu tentang artikel yang kamu sudah baca di atas.