Cara mudah membuat halaman sitemap responsif simple dan keren di blogger

Halo kali ini saya akan memberikan tutorial membuat sitemap si blog dan tentunya sangan mudah, membuat sitemap responsif di blog punya keuntungan tersendiri seperti postingan cepat terindex oleh google, pengunjung bisa dengan mudah melihat daftar isi dari blog kita dan lain sebagainya.

Untuk itu disini saya meluangkan waktu untuk menulis tutorial bagaimana membuat halaman sitemap responsif di blog yang tentunya keren walaupun simple den tentunya ini sangat mudah, ok langsung saja ke dalam langka-langkah nya.

Langkah - langkah membuat sitemap responsif di blog dengan mudah.

1. Seperti biasa yang pertama kita lakuin yaitu login ke dalam dasgboard blogger masing masing, jika sudah silahkan kalian masuk ke menu halaman.

2. Jika sudah silahkan kalian kalian pencet tombol tambah (+) yang ada di pojok kanan bawah kalian pencet aja, oiya untuk demo sitemapnya bisa kalian pencet disini

3. Silahkan kalian membukanya silahkan kalian tulis judul sesuai yang kalian mau sebagai contoh disini saya akan membuat judul "Sitemap" Setelah membuat judul silahkan kalian pilih "Tampilan html"

4. Jika sudha masuk ke tampilan html silahkan kalian pastekan kode berikut.

 <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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);

background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));

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{t

ext-transform:uppercase;

}

.new{

color:#FF5F00;

font-weight:bold;

font-style:italic;

}

.postname{

font-weight:normal;

background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);

background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));

}

.postname li{

border-bottom: #ddd 1px dotted;

margin-right:5px

}

</style>

<div id="toc">

<script src="http://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>

<script src="https://www.viavinalionzone.my.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

  </script></div>

Silahkan kalian ubah https://www.viavinalionzone.my.id dengan nama blog kalian masing - masing ya.

5. Jika sudah di masukkan atau di pastekan silahkan kalian simpan dah publikasikan ya dan silahkan cek halaman sitemapnya.

Mungkin tutorial membuat sitemap responsif di blog kali ini hanya segini saja dulu halaman sitemap itu sendiri sebenernya sangat penting apalagi buat kalian yang mau daftar adsense sitemap penting banget bahkan kalo tidak ada halaman sitemap bisa bisa ditolak mentah - mentah sama adsense..hehe

Baca juga