Cara Membuat Sitemap Untuk Blogger

Setelah sebelumnya saya menulis tentang Menyatukan Halaman Skripsi atau KTI Memakai MS Word , pada artikel kali ini saya akan memberikan tutorial lengkap pembuatan sitemap untuk blogger.
Sitemap adalah salahsatu elemen penting bagi sebuah blog karena akan diisi oleh daftar judul dari artikel-artikel yang telah anda buat dalam blog anda. Selain itu sitemap juga berperan dalam seo karena nanti jika anda mempunyai google atau bing webmaster, anda harus memasukkan alamat sitemap yang anda miliki jika ingin artikel pada blog anda ter index.

Langsung saja kita ke langkah-langka membuat sitemap

1. login blogger lalu klik laman

2. klik laman baru untuk membuat laman yang akan dipakai untuk penempatan html
   
3. Namai laman itu dengan nama sitemap dan pada bagian compose/html klik di bagian html karena kita akan menempatkan html
   
   
   
   
   
4. Copy dan paste kode berikut ini dan tempatkan pada laman yang kita buat sebelumnya, hapus alamat http://socialcategory.blogspot.co.id yang ada pada bagian bawah html dan gantikan dengan alamat blog anda. http bisa ditulis juga sebagai https, tergantung pada blog anda yang memakai http atau https.
   
   

    <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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%); 
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE)); 
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{t 
ext-transform:uppercase; 
} 
.new{ 
color:#FF5F00; 
font-weight:bold; 
font-style:italic; 
} 
.postname{ 
font-weight:normal; 
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%); 
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE)); 
} 
.postname li{ 
border-bottom: #ddd 1px dotted; 
margin-right:5px 
} 

</style> 


<div id="toc"> 
<script src="https://cdn.rawgit.com/socialcategory/Blog/e983f41a/sitemap1.js" type="text/javascript"></script>
<script src="http://socialcategory.blogspot.co.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> 
</script></div>

5. Jika anda tidak mau pembaca berkomentar di halaman sitemap anda, klik pilihan yang ada di pinggir kanan kemudian klik button “jangan bolehkan” pada bagian komentar pembaca
   

6. Selanjutnya klik perbaharui dan jika ada pesan eror pada saat save sitemap klik tutup dan klik lagi perbaharui maka html untuk sitemap akan tersimpan tanpa adanya eror lagi.
   

   

   
   

   

   
   

Memasukkan link sitemap pada menu yang telah disediakan sebelumnya

1. Pada blog social category, saya menempatkan button sitemap pada bagian atas blog, banyak yang bertanya bagaimana menempatkan laman sitemap yang tadi dibuat agar ketika menu sitemap diklik, sitemap nya langsung tampil.
   
   

   

    
2. Masuk ke dashboard blogger, klik template dan pilih edit html
   
   
   

   
   
3. Cari kata “sitemap” dengan cara tekan ctrl+F dalam kotak htmlnya, 
   gantikan # dengan alamat `http://*alamat blog anda*/p/sitemap.html`
   
   
   

4. Hasilnya ketika anda mengklik sitemap yang ada pada tampilan menu blog anda, maka akan terhubung ke laman sitemap yang anda buat sebelumnya
   
   
   
   Demikian tutorial yang dapat saya tulis, semoga artikelnya bermanfaat. Salam
   
   

SHARE SHARE SHARE