Cara Menciptakan Sitemap Satu Label Saja Di Blogger

Sitemap satu label yaitu daftar isi blog yang menyantumkan postingan atau artikel hanya satu label saja, menyerupai yang kita ketahui sitemap akan menampilkan seluruh artikel menurut label. Namun ada beberapa orang yang ingin menampilkan sitemap hanya per kategori atau per label saja.

Pada kesempatan yang ceria ini saya akan menunjukkan tutorial menciptakan sitemap satu label yang super keren untuk blog blogger atau blogspot. Ini sebagai kesepakatan saya kepada pembaca blog Pena Indigo yang menanyakan ihwal cara menciptakan sitemap satu label saja.

Berikut cuplikan komentarnya:

Atau kalau anda ingin koleksi sitemap keren dan otomatis di blog silahkan (baca: Cara Membuat Sitemap SEO Keren di Blogspot) pada tutorial tersebut akan menampilkan sitemap secara keseluruhan (menampilkan sitemap menurut label).

Atau kalau kebetulan anda memakai platform wordpress sanggup memakai tutorial yang sudah saya buat silahkan baca: Cara Membuat Daftar Isi di Blog WordPress dengan Mudah

Sitemap Satu Label Keren di Blogger

Sitemap satu ini sudah mempunyai kemudahan fast loading dan responsive jadi sanggup diakses dari banyak sekali perangkat. Agar lebih terang berikut tampilannya:

Kodenya dibawah ini:

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

Keterangan:

• Blogging: Judul Label


• Blogger: Nama Label

Memasang Sitemap dengan Beberapa Label Pilihan

Anda juga sanggup menambahkan beberapa label pilihan, sebagai pola anda ingin menampilkan 2 label atau 3 label saja. Maka cukup menambahkan aba-aba berikut sebelum aba-aba <div>

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

Jadi kalau dipasang akan menyerupai ini:

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

Maka kesudahannya menyerupai gambar dibawah ini:

Cara Memasang Sitemap Per Label (Kategori) di Blogger

1. Silahkan login akun Blogger.


2. Kemudian pilih sajian Pages kemudian pilih New page


3. Kemudian pilih mode HTML


4. Silahkan isi judul page dengan Sitemap atau Daftar isi


5. Lalu masukkan aba-aba diatas pada kolom HTML


6. Terakhir klik Publish dan lihat hasilnya.

Demikian klarifikasi ihwal sitemap satu label, biar sanggup bermanfaat dan menjadi pilihan sitemap yang sesuai dengan cita-cita anda.

Jangan lupa juga baca artikel menarik lainnya sesuai dengan kebutuhan anda. Atau kalau ingin request tutorial silahkan kirim pesan melalui halaman kontak yang sudah tersedia.

Share this post