×
Judul

Panduan Membuat Artikel Konten Pilar dengan Mudah

 Konten pilar adalah konten yang memberikan informasi lengkap dan mendalam tentang topik tertentu yang relevan dengan bisnis Anda. Konten pi...

Desain Blog

Cara Mudah Membuat Sitemap atau Peta Situs Otomatis



Sitemap atau peta situs merupakan sebuah halaman yang berisi daftar tulisan yang ada dalam sebuah website atau blog. Halaman ini sangat berguna sekali baik oleh pembaca blog maupun mesin pencari dalam mengindeks tulisan yang ada di blog.
Membuat peta situs bisa dilakukan dengan memasukkan daftar link tulisan maupun membuat secara otomatis daftar isi seperti di software microsoft office.
Berikut ini ada kode html yang bisa digunakan untuk membuat daftar isi otomatis untuk sitemap blog.

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

Untuk memakainya pastikan kalian menempelkan kode di atas pada bagian html agar bisa berfungsi dengan baik.
Untuk hasilnya kalian bisa lihat di halaman sitemap blog ini.

Selamat mencoba!

Cara Mudah Membuat Sitemap atau Peta Situs Otomatis Cara Mudah Membuat Sitemap atau Peta Situs Otomatis Reviewed by Zaenal Arifin on December 10, 2018 Rating: 5

No comments:

Most Popular

Domain and Hosting

hosting indonesia
Powered by Blogger.