Cara Membuat Sitemap Keren Di Blogspot

Sitemap sangat diperlukan dalam sebuah blog. Sitemap atau disebut juga sebagai daftar isi dari konten didalam blog kita. Sitemap ini bertujuan agar pengunjung mengetahui seluruh isi konten pada blog. kamu. 

Ok, baiklah, saya akan akan menjelaskan cara membuat sitemap keren di blog. Sitemap yang akan saya buat ini akan menampilkan sitemap otomatis sesuai dengan label, jadi menampilkan judul postingan sesuai dengan label yang ada. postingan terbaru akan secara otomatis masuk dalam daftar, jadi anda tidak perlu ribet memasukkan satu persatu. 


Berikut kode untuk membuat sitemap keren. Kamu tinggal copy saja di 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>


Ok langsung saja cara membuat sitemap keren :
1. Kamu login akun blogger anda, kemudian pilih “Halaman” lalu klik tombol “Halaman Baru” lihat gambar berikut:
Buat halaman baru

2. Isi judul halaman dengan “Sitemap”, kemudian Pilih Mode “HTML
3. Pasang kode HTML diatas tadi pada halaman sitemap pilihan kamu, terakhir klik “Publikasikan”.
Paste kan kode di halaman sitemap

4. Selesai dan lihat hasilnya. 
Hasil Sitemap

Sekarang sitemap pada blog kamu sudah keren. Semoga artikel ini bermanfaat dan jangan lupa komen serta share ya. 


0 Response to "Cara Membuat Sitemap Keren Di Blogspot"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel