DigiMagz. Halaman Sitemap merupakan salah satu komponen yang harus ada pada halaman blog kita, terutama kita yang menggunakan Blogger (Blogspot), karena dengan adanya halaman Sitemap ini akan mempermudah pengunjung/pembaca melihat daftar artikel/postingan yang ada di blog kita. Meskipun dari Blogger (Blogspot) sendiri sudah ada fitur yang seperti itu, contoh : arsip blog (archive) dan label.
Dengan menambahkan halaman Sitemap ini nantinya kedua fitur tersebut akan menjadi satu pada halaman Sitemap kita. Baiklah, langsung saja kita praktekan bagaimana Cara Membuat Halaman Sitemap di Blogspot, dan berikut merupakan langkah-langkahnya :
Membuat Halaman Sitemap Di Blogspot
1. Silahkan Sobat Blogger siapkan sebuah halaman statis baru, dengan klik pada menu Halaman, kemudian klik lagi pada tombol Halaman Baru, perhatikan gambar di bawah ini :
2. Beri judul halaman baru, kemudian alihkan pada tampilan edit HTML, perhatikan gambar di bawah ini :
Untuk judul bebas, pada contoh ini Saya member judul "Sitemap", namun pada Blog Digimagz ini Saya memberi judul "Daftar Isi".
3. Jika sudah, silahkan Sobat Blogger Copas Srcipt di bawah ini kedalam lembar kerja halaman Sitemap tadi :
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #57809a;
-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: #57809a;
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><br />
<div id="toc"><script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script><br />
<script src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div><br />
4. Jika sudah, silahkan publikasikan dan lihat hasilnya.
Demikian artikel mengenai Membuat Halaman Sitemap Di Blogspot, mudah-mudahan apa yang sudah Saya sampaikan pada kesmepatan ini bisa bermanfaat untuk kita semuanya, sekian, terimakasih, dan selamat mencoba.