Cara membuat Sitemap blog dengan satu atau lebih label tertentu saja

Membuat sitemap label tertentu dengan mudah dan simple tapi keren

Membuat sebuah web rasa tidak lengkap jika tidak dibarengi dengan sebuah sitemap atau daftar isi. Daftar isi ini banyak sekali manfaat dan kegunaannya seperti meningkatkan SEO dan memudahkan visitor untuk mengetahui apa isi dari blog atau web kita serta membuat web kita tampak profesional.

Selain itu Sitemap juga dapat dibuat dengan beberapa cara ada yang dengan metode list ataupun dengan hanya beberapa label tertentu saja.

Nah Untuk membuat sebuah sitemap dengan beberapa label tertentu saja caranya cukup mudahpilih

Langkah ke- 1

Buat Postingan baru kemudian ganti menjadi mode html

klik gambar pena >>> pilih mode html

Langkah ke- 2

Copy semua code dibawah ini dan tempelkan tepat dibagian postingan tersebut

<style type="text/css">
  #penaindigocom{background:#fff;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);}
  judule{color:#FFF;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;}
  ol{font-weight:normal;background:#fff;margin-left: 35px;}
  ol li{border-bottom: #ddd 1px dotted;margin-right:5px;padding:3px}
</style>

Langkah ke- 3

Copy dan tempelkan code dibawah ini tepat di bawah code sebelumnya

<div id="penaindigocom">
  <script src="https://cdn.jsdelivr.net/gh/penaindigo/pi-project@ce599c1082b28f589ee0582485dc661a3f9ba15c/sitemapsatulabel.js"></script>
  <judule>Materi</judule>
  <ol>
    <script src="/feeds/posts/default/-/Materi?orderby=published&amp;alt=json-in-script&amp;callback=startpost&amp;max-results=999"></script>
  </ol>
  <judule>Latihan</judule>
  <ol>
    <script src="/feeds/posts/default/-/Latihan?orderby=published&amp;alt=json-in-script&amp;callback=startpost&amp;max-results=999"></script>
  </ol>
</div>

Note : biru : warna background

Merah : Judul Label

Pink : Untuk label yang ingin ditampilkan

( klik tombol demo diatas untuk lebih jelasnya untuk lebih jelasnya )

Jika Ingin menambahkan label lagi cukup dengan mengcopy dan menempelkan code dibawah ini tepat sebelum </div> paling bawah

<judule>Latihan</judule>
  <ol>
    <script src="/feeds/posts/default/-/Latihan?orderby=published&amp;alt=json-in-script&amp;callback=startpost&amp;max-results=999"></script>
  </ol>

Jangan Lupa untuk mengganti bagian Judul Label dan Nama Label yang ingin ditampilkan