Cara Buat Daftar Isi / Sitemap Blog Terbaru 2020

Mastimon.Com - Sitemap atau Daftar isi ialah sebuah daftar artikel yang ada di sebuah blog atau website dengan menampilkan judul saja. Beberapa modifikasi arahan html juga dapat menampilkan gambar icon atau memakai Thumbnail.


Fungsinya selain untuk melihat isi dari blog tersebut secara keseluruhan juga untuk menampilkan seseuatu yang menarik. Salah satu rujukan kita dapat menciptakan sitemap perlabel atau per kategori sehingga mempermudahkan pengunjung berguru khusus blog Tutorial.

Nah jikalau anda menciptakan sendiri tentunya dapat menciptakan tampilan yang lebih menarik bahkan dapat mempromosikan blog kita. Kenapa aku dapat bisa menjadi media promosi ?... Kita dapat lihat setiap sitemap yang dibentuk rata rata mempunyai link aktif dari pembuatnya.

Saat orang lain memakai widget daftar isi tersebut maka secara tidak eksklusif sudah memperlihatkan Backlink Gratis untuk kita. Nah bagaimana cara membuatnya silahkan Ikuti Blog mastimon dengan klik ini.

Nah untuk ketika ini bagi anda yang inggin memasang sitemap/daftar isi manis di blognya cukup mudah. Ikuti beberapa tahapan dibawah ini dan jikalau belum terang juga aku buatkan Vidio Youtubenya. Jika masih kesulitan silahkan komentar disana.

Daftar Isi / Sitemap Blog Cantik

Langkah 1 : Masuk ke Daskboard Blogger >> Klik Pages / Halaman >> Klik New Page / Halaman Baru.

Langkah 2 : Silahkan isi Judulnya terlebih dahulu kemudian Pilih HTML menyerupai bulat merah pada gambar dibawah ini. Paste Kode / Script yang aku sedikan 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 3 : Silahkan Klik Publish dan Lihat Hasilnya.

Untuk meletakkan di Template Blog silahkan masuk Daskboard Blogger kemudian ke Theme / Tema >> Edit HTML. Letakkan kursor di dalam HTML kemudian tekan di Kyboard Ctrl + F secara bersamaan untuk mencari Kata. Jika anda memakai template Vio Magz maka silahkan cari Disclaimer. Buat sitemap menyerupai Gambar dibawah ini.


Itulah tutorial singkat bagaimana cara menciptakan Sitemap atau Daftar Isi di Blog dengan gampang dan tampilannya menarik. Baca Juga : Cara submit Sitemap Blog ke Webmaster Tools Google biar Blog cepat keindex.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel