Cara Paling Mudah Membuat Sitemap Untuk Blog 100% Berhasil

Cara paling mudah membuatkan blog sitemap dengan menggunakan Kode Html agar tampilan sitemap menjadi sebuah susunan link berdasarkan judul blog.Dengan cara demikian blog akan lebih mudah di gunakan oleh para pengguna seperti user visitor.Sitemap juga bisa di artikan sebagai sebuah bentuk susunan link atau sekumpulan url yang mencakup semua isi postingan blog lengkap per judul postingan,Baik itu postingan paling baru maupun postingan yang sudah sangat lama di update.Kegunaan utama sitemap ini juga guna meningkatkan kualitas SEO blog,yang bisa membuat blog cukup akurat untuk bisa ditemukan pada halaman pertama kolom pencarian google.Sitemap juga tentunya bisa di buat dengan berbagai model,mulai dari model tampilan dengan list ke bawah dan tampilan Grid kesamping atau kotak-kotak.

Namun pada pembahasan blogteknob kali ini hanyalah memberikan sebuah kode yang bisa di gunakan untuk membuat sitemap dengan model tampilan list ke bawah,Lengkap dengan notif "new" pada setiap postingan yang baru di buat.Dan sebelum mendapatkan kodenya ,Kamu juga harus tahu cara dan dimana tempat memasang kode sitemapnya ,dengan cara sebagai berikut ini.

Inilah tempat dan cara membuat sitemap untuk blog blogger atau blogspot.

1.Buka dasbhord bloggermu.

2.Langsungkan saja memilih halaman atau pages.

3.Dan klik new atau buat halaman baru.

4.Di dalam kotak penulisan halaman,Buatkanah judul dengan judul "Sitema" dan jangan lupa untuk Pilih penulisan dengan mode Html lalu copy kode di bawah ini,Dan pastekan kodenya di dalam kotak halaman baru ,dan inilah kode htmlnya.

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

5.Jika sudah di paste,langsung saja klik simpan atau publikasikan.

Untuk melihat hasil dari kode pembuatan sitemap untuk blog di atas,Bisa kamu lihat di gambar screenshot di bawah ini.Tampilan yang di hasilkan adalah dengan model list dan warna biru muda lengkap dengan label tempat postingan blog.Untuk di ingat kamu juga bisa mengubah serta mengedit kode di atas sesuai selera kamu mulai dari warna yang kamu inginkan.

Baiklah itulah cara yang paling mudah di gunakan untuk membuatkan blog sitemap tanpa erorr 100% work dan berhasil yang juga cocok untuk template jenis Amp juga,selamat mencoba dan semoga berhasil juga.

Artikel Terkait

Related Posts

Cara Paling Mudah Membuat Sitemap Untuk Blog 100% Berhasil

4/ 5

Oleh M.Ilham

Pada November 07, 2019 Komentar