Cara Membuat Sitemap di Halaman Blogger Keren Terbaru - Calon Cerdas

Cara Membuat Sitemap di Halaman Blogger Keren Terbaru

Cara Membuat Sitemap di Blogger Keren  – Sitemap merupakan alat bantu bagi seorang webmaster yang fungsinya untuk mempermudah dalam pengenalan peta situs di dalam halaman website. Dengan menggunakan alat ini, mesin dari google dapat dengan mudah menjelajah, menyelusuri atau meraih berbagai halaman yang berada didalamnya. Blog juga sama halnya dengan website pada umumnya loh ya, blog juga memerlukan sitemap agar mesin pencari dari google dapat dengan mudah mendeteksi konten yang berada didalamnya.


Sitemap ini pada umumnya atau pada dasarnya memiliki format xml. Untuk menampilkan Sitempat Keren ini di Blogger caranya sebenarnya tidak terlalu rumit namun masih mudah menggunakan wordpress. Jika menggunakan wordpress caranya cukup mudah, kamu tinggal memasang plugin saja sudah beres ya. Kemudian sitemap ini di wordpress akan terpasang dengan sendirinya tentu hal itu sangat mudah sekali. Apabila kamu menggunakan blogger tentunya ada beberapa langkah atau cara yang harus kamu lalui dan tentunya tidak semudah di Wordpress.

Sitemap pada penjelasan diatas merupakan pengertian dari sitemap yang digunakan oleh  mesin google untuk mempermudahkan pada proses crawling atau pengindexsan dalam google. Namun kali ini kami akan memberi tau cara membuat sitemap keren pada Blogger.


Fungsi Menampilkan Sitemap Pada Blogger

Sitemap ini jugas bisa disebut dengan daftar isi dari sebuah blog yang tentunya juga merupakan hal penting. Jika kita membuat sitemap ini di Blogger kita maka pengunjung akan mengetahui daftar isi apa saja yang ada di dalam blog kita. Tentunya hal itu akan mempermudah pengunjung dalam melihat apa saja yang terdapat di blog kita.

Ya sebenarnya memang tampilan sitemap bawaan dari blogger itu sudah ada. Namun, demi kepuasan dan juga mungkin kenyamanan dalam melihat blog kita oleh pengunjung. Tentunya kita harus merubah templeate sitemap tersebuat agar lebih menarik. Apabila kita ini membuat sitemap dengan tampilan keren, tidak di pungkiri jika pengunjung blog kita akan berlama-lama di blog kita juga. Yuk simak caranya beriku ini.


Cara Menampilkan atau Membuat Sitemap Keren Pada Blogger

Nah berikut ini merupakan cara membuat sitemap keren di blogger ya. Perhatikan dengan baik-baik jangan sampai ada yang terlewatkan dan ada yang salah loh ya. Karena jika sampai salah Sitempat pastinya juga tidak akan muncul hehe. Dan kamu cuma harus mengulanginya lagi.

  • Pertama yang harus kamu lakukan yaitu login ke akun Blogger kalian masing-masing, selanjutnya kalian masuk ke Blog yang ingin kalian buat Sitemap nya ya
  • Kemudian kalian tinggal mencari menu Halaman baru yang nantinya akan kita gunakan untuk menampikan sitemap keren buatan sendiri hehe. Caranya kalian tinggal klik menu 1. Halaman kemudian ke 2 pilih Halaman Baru
  • Selanjutnya kalian tinggal isikan nama satau judul sitemap kalian pada kolom yang paling atas (1). Kasih saja nama dengan sebutan 'Sitemap' atau 'Daftar Isi' 
  • Jika sudah memberi judul kalian klik pada tulisan HTML (2) 
  • Jika sudah kamu tinggal copy Coding berikut ini lalu pastekan ke dalam postingan halam tersebut ya
<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.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script> <script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></div>
  • Jika sudah kamu tinggal klik tombol Publikasikan saja
  • Selanjutnya kamu tinggal cek saja apakah sitemap tersebut berhasil menampilkan sitemap atau belum ya.

Jika kalian mengalami kendala eror yang harus kalian lakukan cuma hapus kode tersebut lalu pastekan kembali tanpa harus menghapus postingan halaman tersebut lalu kalian tinggal publikasikan kembali.

Nah jika cara ini berhasil jangan lupa untuk share ke teman kalian ya agar Blog ini semakin bermanfaat bagi siapa saja. Terimakasih semoga bermanfaat :)