Cara Membuat Sitemap Tampil di halaman blog 

Cara membuat Sitemap Tampil di halaman blog dengan mudah, agar blog tampil makin keren dan di sukai pengunjung. 

Sitemap artinya isi blog kita yang bisa kita tampilkan di pertengahan postingan atau di halaman. 






 Contoh Sitemap isi blog ini 

Cek di bawah ya...








Semua isi website tampil sesuai kategori atau label dan ini merupakan hal positif jika kita pasang di halaman blog Membuat pengunjung mudah dalam mencari. 

Pasang Sitemap di blog 

Langkah pertama silahkan masuk di bagian halaman blog.

Pastikan penulisan berupa html. 

Salin kode di bawah dan ganti url Dengan url kalian.



<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="https://www.pemudaberkarya.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

Silahkan salin kode di atas dan tempel di halaman blog kalian atau di menu tataletak dan klik kode java scrib lalu tempel
Pastikan url warna merah di rubah menjadi url kalian. 

Semuga manfaat 
Selamat mencoba 

Jangan lupa komentar 

Wassalam alaikum wr wb.