Cara Membuat Sitemap Keren di Blogger pada Tahun 2020


Hai, Sobat Satu!
Di artikel ini, admin akan membagikan cara membuat sitemap keren di Blogger yang cocok untuk pemula. Sebelum memasuki tutorial, admin akan menjelaskan tentang sitemap.


A. Apakah Sitemap itu?

Sitemap adalah halaman blog yang terdiri dari daftar isi seluruh postingan blog tersebut. Biasanya dikemas per label. Sitemap bertujuan mempermudah pengunjung blog dalam mencari suatu artikel di blog tersebut.

B. Bagaimana Cara Membuatnya?

Berikut ini adalah tutorial singkatnya. Simak, ya, Sobat Satu.

1. Pastikan kalian sudah membuat blog di Blogger.com;
2. Buat halaman baru dan beri judul "Sitemap", tanpa tanda petik;
3. Ubah ke tampilan "Edit HTML";
4. Salin tempel (copy-paste)  kode HTML berikut:

<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/satumyid/[email protected]/sitemapsatu.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

5. Setelah itu, simpan (save), lakukan publikasi (publish), dan lihat hasilnya; dan
6. Sitemap selesai dibuat.

Untuk melihat contoh hasilnya, silakan klik tautan: Sitemap Satu

Nah, Sahabat Satu, itulah tutorial membuat sitemap keren di Blogger rilis terbaru, 2020.
Sekian dan terima kasih. 

Belum ada Komentar untuk "Cara Membuat Sitemap Keren di Blogger pada Tahun 2020"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel