Cara Membuat Sitemap Pada Halaman Blog

Cara Membuat Sitemap Pada Halaman Blog
Kaba Berita, Tanya Sitemap atau daftar isi blog Ane Rasa sangatlah penting Guna memberikan ruang informasi kepada pengunjung agar mengetahui seluruh isi artikel pada blog. Kali ini Ane akan memberikan tutorial cara membuat sitemap keren otomatis dan fast loading pada blog. Sebenarnya sitemap default dari blogger sudah tersedia, namun terlihat biasa dan tidak menarik. Nah, dengan membuat sitemap blog keren maka akan menajadi perhatian tersendiri dimata pengunjung dan ini akan menjadikan pengunjung betah di blog yang kita kelola.

Yang paling menarik dari sitemap seo ini adalah menampilkan sitemap otomatis sesuai dengan label, jadi menampilkan judul postingan sesuai dengan label yang ada. postingan terbaru akan secara otomatis masuk dalam daftar, jadi anda tidak perlu ribet memasukkan satu persatu. Memasang sitemap di blog blogger juga tidak membutuhkan skill untuk menguasai html, karena anda tinggal copas dan memasangnya pada halaman statis.
Baca Juga : 4 Fitur Jitu Temukan Smartphone Yang Hilang

Sitemap Responsive Fast Loading  dan SEO Keren

Berikut Ada Satu Contoh Yang Dikoleksi Kababerta.com Buat Ente Yang Sering Bertanya :D untuk membuat sitemap keren. Jika Ente memasang dengan benar maka sitemap sudah berhasil anda pasang di blog.


Cara Membuat Sitemap Pada Halaman Blog
Contoh
Code nya Sebagai Berikut :
<div dir="ltr" style="text-align: left;" trbidi="on">
<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>

<br />
<div id="toc">
<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="https://www.kababerita.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
</div>

 Baca Juga ; Trik Seo Blogger Dan Wordpress Terbaru 2018
Url yang bewarna hijau Jangan lupa Ente Ganti Dengan URL ente Sendiri
Cara Memasang nya Pada Blog, Ente simak Baik2 ya :

  1. Buka Blogger.com
  2. Setelah Masuk, Coba Ente Cari disana Bacaannya "Halaman"
Cara Membuat Sitemap Pada Halaman Blog
Halaman
       3. Setelah Ente Klik, Pastikan Muncul Beginian
Cara Membuat Sitemap Pada Halaman Blog
      4. Setelah Muncul, Bikin Halaman Baru 
Cara Membuat Sitemap Pada Halaman Blog
     5. Setelah Bikin Halaman Baru, Bikin Judulnya "sitemap" Atau "Daftar Isi" Terserah Ajadah :v , Yang Penting Ada judul.

    6. Setelah Ente Bikin Judulnya, Coba Ente Klik Yang Namanya "HTML"
Cara Membuat Sitemap Pada Halaman Blog
    7. Setelah Ente Klik, Masukkan Code Yang Diatas Tadi, Dengan Menukar Alamat URLnya , Yang Bewarna Hijau tu, Dengan URL blog ente :D

   8. Setelah Itu, Tinggal Ente simpan :v

Dan berakhir pulalah Sitemap Tersebut, Tidak Sulitkan? Kalo misalnya ada yang kurang, tinggal dikomentari ya agan agan :D
Salam Kaba Berita :D

Kaba Berita, Tanya - Sitemap atau daftar isi blog Ane Rasa sangatlah penting Guna memberikan ruang informasi kepada pengunjung agar mengetahui seluruh isi artikel pada blog