Memasang sitemap pada blog merupakan hal yang sangat penting demi kemudahan bagi para pengunjung dalam menemukan artikel yang dicari. Sitemap atau peta situ adalah sebuah peta yang berisikan berbagai macam direktori atau konfigurasi konten maupun artikel dari sebuah web / blog dalam bentuk tautan link. Pembuatan sitemap juga bertujuan untuk mempermudah melakukan crawl (perayapan) yang dilakukan oleh search engine.
Langkah ke#1. Login ke Blogger, pada menu "Laman" silahkan pilih "Laman baru".
Langkah ke#2. Pada saat edit laman harus dalam mode HTML, dan silahkan isi terlebih dahulu judul lamannya.
Langkah ke#3. Silahkan isikan kode script dibawah ini, kemudian silahkan simpan lamannya dan lihat hasilnya.
<style type="text/css">
#toc{width:100%;margin:5px auto;border:1px solid #1a66f1;
-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: #1a66f1;
border:1px solid #1a66f1;
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><span style="font-family: inherit;"><span style="font-family: "arial" , "helvetica" , sans-serif;">
</span></span><script src="http://www.ilmurental.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Catatan : Untuk script yang saya beri tanda warna merah, silhkan ganti dengan URL blog Kakak.
Setelah Kakak membuat laman baru dan sudah memasang kode script diatas, maka akan muncul tampilan sitemap seperti gambar dibawah ini.
Uraian tentang cara membuat sitemap keren terbaru di blogger sudah selesai, semoga uraianini bisa bermanfaat dan selamat mencoba.
Cara Membuat Sitemap di Blogger
Banyak cara dalam pembuatan sitemap atau peta situs, tetapi untuk untuk cara pembuatan yang saya bagikan mempunyai kelebihan lain, antara lain : tampilannya lebih menarik, past loading, mempunyai tanda khusus disaat ada postingan terbaru, dan akan muncul otomatis setelah Kakak melakukan posting artikel. Kita langsung saja ke cara-cara pembuatannya sebagai berikut :
Langkah ke#1. Login ke Blogger, pada menu "Laman" silahkan pilih "Laman baru".
Langkah ke#2. Pada saat edit laman harus dalam mode HTML, dan silahkan isi terlebih dahulu judul lamannya.
Langkah ke#3. Silahkan isikan kode script dibawah ini, kemudian silahkan simpan lamannya dan lihat hasilnya.
<style type="text/css">
#toc{width:100%;margin:5px auto;border:1px solid #1a66f1;
-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: #1a66f1;
border:1px solid #1a66f1;
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><span style="font-family: inherit;"><span style="font-family: "arial" , "helvetica" , sans-serif;">
</span></span><script src="http://www.ilmurental.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Catatan : Untuk script yang saya beri tanda warna merah, silhkan ganti dengan URL blog Kakak.
Setelah Kakak membuat laman baru dan sudah memasang kode script diatas, maka akan muncul tampilan sitemap seperti gambar dibawah ini.
Uraian tentang cara membuat sitemap keren terbaru di blogger sudah selesai, semoga uraianini bisa bermanfaat dan selamat mencoba.
Advertisement