Cara Membuat Sitemap Blogger Keren Dan Responsive

Cara Membuat Sitemap Blogger . Kita tahu bahwasanya sitemap blogger merupakan sebuah halaman atau halaman yang berisi semua link postingan berdasarkan label atau kategori.

Cara Membuat Sitemap Blogger Keren Dan Responsive

Untuk  blogger sendiri pada dasarnya sudah tersedia default sitemapnya, hanya saja dari segi tampilannya kurang besar. Dengan membuat sitemap yang keren tentunya akan menjadi nilai lebih untuk sebuah blog khusunya dimata pengunjung. Salah satu sitemap blogger keren dan responsif yang bisa kamu coba adalah sitemap seo.

Sitemap seo  merupakan sitemap blogger yang keren dengan menampilkan sitemap otomatis sesuai dengan label postingan. Setiap label nantinya akan menampilkan judul postingan. Berikut untuk menampilkan peta situs seo.

Untuk detail contoh peta situs seo ini, silahkan klik  disini .

Cara Menambahkan Sitemap Seo Pada Blogger

1. Buat Halaman Baru / Halaman

Untuk langkah pertama kamu buat terlebih dahulu halaman baru / page dan berikan nama Sitemap.

Baca Juga!

• Cara Membuat Sitemap Halaman Statis Blogger

2. Copy – Paste Kode Sitemap Seo

Selanjutnya kamu tinggal copy pastekan kode sitemap seo dibawah ini.

<gaya tipe="teks/css">

#toc{width:99%;margin:5px otomatis;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);

bayangan-kotak:4px 4px 8px 2px rgba(0,0,0, 0.2);}

.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;

bantalan:1px 0 2px 11px;latar belakang: #3498DB;

batas:1 piksel padat #2D96DF;

radius-batas:4px;-moz-radius-batas: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{warna:#fff;}

.labl:huruf pertama{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 bertitik;margin-kanan:5px}

</gaya>

<div id="toc">

<skrip src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>

<skrip src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">

</skrip></div>

Untuk kode sitemap seo diatas bisa kamu download juga melalui google drive Download Sitemap Seo Responsive . Setelah itu kamu tinggal mempublikasikankan saja dan lihat hasilnya. 

Untuk totorial lengkapnya bisa kamu simak video tutorial berikut ini.