Cara Membuat Sitemap Untuk Blog Responsive & SEO Friendly Terbaru

Admin    March 23, 2019    Tutorial Blog    Comment   

Baca Juga

Clover Pedia - Halo kembali lagi dengan saya di sini sebelum nya saya ucapkan terimakasih sudah berkunjung ke blog ini, semoga apa yang saya tulis bisa bermnafaat bagi kita semua. Di sini saya akan membagikan tutorial tentang Cara Membuat Sitemap Untuk Blog Responsive & SEO Friendly Terbaru, oke langsung simak artikel nya di bawah ini.

Sebelum masuk ke tutorial saya akan membahas sedikit tentang sitemap ini, sitemap atau yang sering di sebut peta situs sangat lah berguna untuk web atau blog, untuk blog yang masih baru sitemap ini sangat berguna sekali. Ya karena dapat membantu mesin pencari untuk mengcrawl atau merayapi halaman yang anda posting, agar cepat terindex oleh google.

Selain itu sitemap juga bermanfaat bagi para pengunjuang kalian, jadi mereka bisa menemukan artikel yang mereka butuhkan lebih cepat. Nah maka dari itu admin di sini akan memberikan tutorial singkat untuk membuat sitemap ini, oke langsung gas keun ke tutorial nya mhank di bawah ini :

1. Masuk ke dashboard blog

2. Klik halaman lalu buat halaman baru

3. Nah masukan script di bawah ini ke mode HTML jangan yang Compose ya

<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:red;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #8A2BE2;
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:red;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.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="https://cloverpedia.blogspot.com//feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Keterangan : 

• Ganti warna yang di blok merah dengan alamat situs kalian
• Ganti warna ungu untuk mengganti warna background

4. Untuk melihat berhasil atau tidak nya coba cek pertinjau

5. Selesai.

Bagaimana? cukup mudah bukan untuk tutorial nya dan juga sitemap nya yang keren, Btw saya mendapatkan sitemap ini dari situs pena indigo dan saya mengucapkan terima kasih karena sudah mau berbagi script nya, di bawah ini hasil gambar sitemap nya.

Oh iya jangan lupa juga ya baca artikel lain nya di blog ini dipastikan bermanfaat dan menmabah wawsan deh, mungkin cukup sekian perjumpaan kita kali ini semoga tutorial yang telah saya berikan dapat bermanfaat dan berguna untuk orang banyak,terima kasih.