Cara Membuat Sitemap Blog Keren di Blogger

Memasang sitemap pada blog merupakan hal yang sangat penting untuk memudahkan para pengunjung dalam menemukan artikel yang dicari. Sitemap atau peta situ adalah sebuah peta yang berisikan berbagai artikel dari sebuah web / blog dalam bentuk tautan link. Pembuatan kain dari sitemap juga bertujuan untuk mempermudah melakukan crawl (perayapan) yang dilakukan oleh search engine (Google, Bing, Yandex dll.)


Hasil gambar untuk sitemap

Cara Membuat Sitemap di Blogger

Ada banyak sekali cara untuk membuat sitemap. Namun sitempa yang baik / bagus adalah dapat dijangkau dengan baik, memiliki post loading, dan akan muncul sendiri post baru ketika anda selesai menulis sebuah artikel.

Langkah 1

Login ke Blogger, pada menu "Laman" silahkan pilih "Laman baru".





Langkah 2

Masukkan judul laman terlebih dahulu, lalu pilih mode HTML




Langkah 3

Isikan script / kode pemrogaman dibawah ke blog anda, simpan dan lihat hasilnya.



<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.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="http://www.tutorkita.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>


Catatan : Untuk script yang saya beri tanda warna merah, silhkan ganti dengan URL blog Anda.

Setelah anda klik publikasikan, buka halaman anda dan anda akan melihat tampilan seperti dibawah ini






Begitulah cara yang dapat anda lakukan untuk membuat sitemap blog keren. Tunggu postingan kami selanjutnya. Tanyakan di komentar jika anda mengalami sedikit masalah. Terima Kasih

SHARE IS BEAUTYFULL

Get Updates Latest articles directly to Email You

RELATED ARTICLES

Previous
Next Post »

No comments: