Wednesday, July 26, 2017

Cara Buat Sitemap Keren dan Responsif di Blogspot


Sitemap atau susunan isi blog dirasa sangat urgen untuk memberi tahu informasi untuk pengunjung supaya mengetahui semua isi tulisan pada blog. Kali ini saya akan memberi tahu tutorial teknik membuat sitemap canggih otomatis dan fast loading di blog. Sebenarnya sitemap default dari blogger telah tersedia, tetapi terlihat biasa dan tidak menarik. Nah, dengan menciptakan sitemap blog canggih maka bakal menajadi perhatian tersendiri dimata pengunjung dan ini bakal menjadikan pengunjung kerasan di blog yang anda kelola.

Yang paling unik dari sitemap seo ini ialah menampilkan sitemap otomatis cocok dengan label, jadi memperlihatkan judul artikel sesuai dengan label yang ada. artikel terbaru bakal secara otomatis masuk dalam daftar, jadi kamu tidak butuh ribet memasukkan satu persatu. Memasang sitemap di blog pun tidak memerlukan skill guna menguasai html, karena kamu tinggal copas dan memasangnya pada halaman statis.

Berikut ini langkah-langkah yang diperlukan:

Pertama, login ke akun blogger kamu, lalu buat halaman baru, ubah dari "Compose" ke "HTML"
Kedua, copy kode html di bawah ini kemudian paste ke laman baru tadi

<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="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
<script src="http://gilangtekno.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
Ganti gilangtekno.blogspot.com dengan URL website kamu
Ketiga, Publikasikan dan sitemap websitemu akan terliaht seperti ini


Sekarang, tampilan websitemu jadi lebih keren kan. Semoga artikel ini dapat membantu kamu dalam merubah tampilan sitemap websitemu.

Credit: penaindigo.com

Load disqus comments

0 komentar