Akumuss
Akumuss Saya bukanlah siapa-siapa.

Cara Membuat Sitemap Keren di Halaman Blogger


Cara Membuat Sitemap Keren di Halaman Blogger – Sitemap adalah alat bantu seorang webmaster yang berfungsi untuk mempermudah dalam pengenalan peta situs di halaman website. Dengan menggunakan sitemap, mesin pencari google akan lebih mudah untuk melihat dan menelusuri halaman halaman yang ada di dalam web. Blog sama halnya seperti website, karena sama-sama menggunakan sitemap untuk mengenali konten di dalamnya.
CARA MEMBUAT DAN MENAMPILKAN SITEMAP PADA HALAMAN BLOGGER
CARA MEMBUAT DAN MENAMPILKAN SITEMAP PADA HALAMAN BLOGGER
Sitemap pada umumnya memiliki format xml. Untuk Cara Menampilkan Sitemap Keren di Halaman Blogger caranya cukup rumit. Tidak seperti pada wordpress. Jika menggunakan wordpress, kamu tinggal memasang plugin lalu beres. Sitemap akan terpasang dengan sendirinya. Apabila menggunakan blogger, terdapat beberapa langkah yang harus kamu lalui ketika akan menampilkan atau membuat sitemap keren di halaman.

Sitemap pada penjelasan tersebut, merupakan pengertian sitemap yang digunakan oleh google untuk mempermudah dalam proses crawling atau pengindexsan pada google. Namun pada kesempatan kali ini, saya akan berbagi tentang cara menampilkan sitemap di halaman blogger.

Fungsi Menampilkan Sitemap Pada Blogger

Sitemap bisa juga disebut dengan daftar isi pada blog berperan sangat penting. Dengan memberikan daftar isi blog kepada pengunjung, maka akan membuat pengunjung mengetahui apa saja artikel yang ada pada blog kita.

Meskipun sebenarnya tampilan sitemap bawaan dari blogger sudah ada. Tetapi, demi kepuasan pengunjung (User Experience) kita harus mengubah beberapa tampilanya agar lebih menarik. Apabila kita membuat sitemap blog keren, maka pengunjung akan merasa nyaman dan akhirnya betah berlama-lama berada di blog kita.

Membuat Sitemap Otomatis di Halaman Blogger

CARA MEMBUAT DAN MENAMPILKAN SITEMAP PADA HALAMAN BLOGGER
CARA MEMBUAT DAN MENAMPILKAN SITEMAP PADA HALAMAN BLOGGER
Untuk membuat sitemap keren, kamu tidak perlu menuliskan judul artikel satu persatu dan mengkategorikanya manual. Dengan Sitemap otomatis di halaman blogger, setiap kamu membuat postingan baru, maka judul tersebut akan muncul secara otomatis di halaman sitemap. Tentunya sudah sesuai dengan label masing-masing.

Untuk membuat tampilan sitemap keren, kamu tidak harus memiliki kemampuan dalam programming yang tinggi. Dengan berbekal copy paste (CTRL+C) dan (CTRL+V) kamu bisa menampilkan sitemap di blogger.

Membuat Sitemap Otomatis di Halaman Blogger Keren

Berikut ini adalah cara membuat tampilan sitemap pada halaman blog. Simak baik baik ya, jangan sampai ada yang salah. Karena jika ada yang salah tidak akan terjadi apa apa. Kamu hanya tinggal mengulangnya heheh.

Cara Memasang Sitemap di Halaman Blog

  • Pertama silahkan untuk login pada akun blogger kamu, selanjutnya masuk ke blog yang ingin kamu tambahkan sitemap.
  • Setelah itu, buatlah sebuah halaman baru yang nantinya akan kita gunakan untuk menampilkan sitemap. Caranya dengan klik menu laman lalu Laman Baru
Cara Membuat Sitemap Keren di Halaman Blogger
Cara Membuat Sitemap Keren di Halaman Blogger
  • Selanjutnya, Isikan judul halaman dengan “Sitemap” atau “Daftar Isi”
  • Lalu pilih mode HTML
    Cara Membuat Sitemap Keren di Halaman Blogger
    Cara Membuat Sitemap Keren di Halaman Blogger
  • Setelah itu, silahkan copy kode dibawah ini dan paste pada postingan halaman tersebut. Ingat, jangan lupa untuk menganti ke mode HTML terlebih dahulu.
  • 
    <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>
    
    
    
  • Selesai, silahkan untuk publikasikan halaman tersebut.
  • Selanjutnya silahkan cek apakah halaman yang telah kita buat berhasil menampilkan sitemap atau belum

Jika mengalami eror. Silahkan untuk menghapus semua kode yang telah dipasang lalu pastekan kembali. Tanpa mengubahnya ke mode compose terlebih dahulu silahkan untuk langsung dipublikasikan.

Nah, apabila berhasil jangan lupa share ya. Semoga informasi ini bermanfaat. Oh iya, sumber dari source code tersebut berasal dari website penaindigo.com

Apabila ada yang ditanyakan silahkan untuk tulis di kolom komentar ya. Insyaallah saya jawab semaksimal mungkin.

Akumuss
Akumuss Saya bukanlah siapa-siapa.
Load comments