Cara membuat sitemap keren di blogger

Membuat sitemap di blog sebenarnya sangat mudah dilakukan, namun untuk blogger pemula mungkin banyak yang belum tau cara membuatannya, saya rasa hadirnya sitemap di blog kita itu sangat penting untuk mempermudah pengunjung menemukan seluruh artikel kita di blog, jadi kemungkinan pengunjung akan banyak membaca artikel kita dan betah lama lama di blog kita.

Nah kali ini sayang ingin membagikan tips cara membuat sitemap yang keren dan pastinya fast loading di blog

Untuk sitemap yang ingin saya share tentunya sangat menarik karena menampilkan judul artikel kalian sesui label postingan masing masing.

Sebagai contoh lihat gambar di bawah ini.




Oke langsung saja ke tutorialnya

Pertama silahkan copy  kode di bawah ini


<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>


Setelah kalian copy kode di atas  silahkan kalian

• #Login ke blogger

• #Pilih laman / halaman

• #Pilih halaman baru

• #Masukan judul halaman

• #Pilih mode html di bagian isi halaman, lalu paste kode di atas yang sudah kalian copy

• #Selanjutnya klik publikasikan,

 dan silahkan lihat hasilnya. Sitemap keren sudah ada di blog kalian, selamat mencoba.

0 Response to "Cara membuat sitemap keren di blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel