Cara membuat sitemap keren pada blog

Hai sahabat FARONESIA, kali ini kita akan membahas tutorial seputar blog yaitu cara membuat sitemap pada blog, langsung saja ke pokok pembahasannya.
Sumber FARONESIA
Sitemap sangat penting bagi blog selain mempermudah para pembaca juga meningkatkan SEO. Sitemap juga membantu blog dalam meningkatkan ranking blog serta membantu mempercepat artikel terindek google.

Sitemap yang akan saya bagikan ini memiliki tampilan yang lumayan bagus serta elegan jika dipandang, lantas bagaimana cara membuat dan memasang sitemap? Berikut caranya:

1. Pergi ke dashboard blogger lalu klik halaman
2. Buat "halaman baru" dan masuk ke mode editor "HTML"
3. masukkan judul "sitemap" atau "daftar isi" pada kolom judul halaman
4. Copy lalu paste kode dibawah ini:
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #ff0040;
-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: #ff0040;
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:#transparent;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<br />
<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>
5. Lalu save, selesai.

Note: pada kode diatas silahkan ubah kode warna sesuai selera yang kamu inginkan.


semoga bermanfaat jangan lupa share dan tinggalkan komentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel