Cara Membuat Halaman Sitemaps di Blogger Modern dan Keren

iwangyo.net - Sitemaps atau Peta Situs adalah sebuah file yang digunakan sebagai alat bantu oleh para webmaster untuk mempermudah pengenalan sebuah situs web atau Blog. Sitemaps berguna untuk menampilkan informasi halaman-halaman yang ada di sebuah Website atau Blog. Walaupun sering dianggap tidak terlalu penting, Sitemaps sejatinya memiliki peran yang sangat penting baik di Website atau Blog. Dengan adanya Peta Situs atau Sitemaps dalam sebuah Website atau Blog dapat mempermudah mesin pencarian Google untuk mendeteksi setiap konten yang ada di Web atau Blog tersebut.

Untuk Blogger sendiri, Sitemaps biasanya digunakan untuk mempermudah pendaftaran Google Search Console. Dengan memberikan alamat Sitemaps ke Google Search Console, maka Google akan mempermudah mengenali halaman-halaman yang ada di Blogger milik kita. Hal ini penting karena dengan memasukan file Sitemaps ke Google Search Console akan mempermudah Google itu sendiri mengindeks dan meng-crawl setiap halaman yang ada di Blogger kita.

Walaupun sejatinya halaman Sitemaps jarang di kunjungi oleh pengunjung, namun sebagian Blogger sering menampilkan halaman Sitemaps guna untuk mempermudah pemilik Blog dan juga pengunjung dalam menjelajahi konten yang ada di Blog kita.

Berikut ini cara membuat halaman Sitemaps yang modern dan keren untuk Blogger kita.

Masuk ke Blogger
Klik pada menu Halaman
Lalu pilih + Halaman Baru
Pada menu Tampilan Menulis yang berlogo pensil, Pilih < > Tampilan HTML
Kemudian Copy script di bawah ini

#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>

</script></div>

Lalu simpan dengan nama sitemap

Setelah halaman selesai, untuk mengunjungi halaman sitemaps ini Klik lah pada menu view atau tampilkan seperti pada gambar di bawah ini.

Maka Hasilnya akan seperti pada gambar di bawah ini!

Untuk membuat navigasi ke halaman Sitemaps ini, klik kanan pada tanda di atas kemudian klik pada Salin alamat link atau Copy URL. Lalu paste kan URL tersebut pada script navigasi atau menu yang ada pada template blog kalian.

Demikian, Selamat Mencoba!