Cara membuat Sitemap Responsive Fast Loading Seo
June 12, 2018
Selamat Datang Di Imam-Kun Blog - Hai sobat blogger pada kesempatan kali ini saya membagikan tutorial Cara Membuat Sitemap Responsive Fast Loading di blog. Menurut saya dan berbagai sumber yang pernah saya baca Sitemap atau Daftar isi itu sangat penting dalam suatu blog atau website dimana untuk mmeberikan ruang petunjuk infomasi kepada pengunjung blog agar mengetahui seluruh isi konten pada suatu blog atau website dengan mudah.
Kali ini saya berbagi Sitemap yang Fast Loading dan tentunya juga dengan dukungan SEO dan Responsive dan keren juga tentunya dan yang paling menarik dari sitemap kali ini ialah dengan otomatis sesuai dengan lebel.
Jadi akan menampilkan judul postingan yang berdasarkan lebel yang ada dan jika ada postingan baru maka otomatis akan ada didalam sitema tersebut.
Baca Juga:
- Cara Membuat Halaman Disclaimer Di Blog
- Cara membuat Halaman Contact Us atau Admin
- Panduan Membuat Blog dari awal sampai mahir
Cara membuat Sitemap Responsive Fast Loading Seo
1. Log in ke Blogger.com2. Pilih Page (Halaman) >> New Page (Halaman Baru)
3. Masukkan Kode dibawah ini pada halaman baru tadi di bagian HTML
<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.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script><script src="http://imamkunblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
4. Ganti Tulisan yang berwarna Biru dengan Alamat Blog Sobat.
5. Klik Publish (Publikasikan)
6. Untuk Demonya bisa cek disini >> (SITEMAP)
Mudah bukan membuatnya dan sekarang Sitemap sobat telah keren dan juga tentunya fast loading dan resposive dan begitu juga pada tutorial kali ini sampai disini dulu untuk Cara membuat Sitemap responsive fast loading untuk SEO
Jika ada yang ingin ditanyakan sobat cukup berkomentar dibawah dan nanti saya akan membalas pertanyaan-pertanyaan sobat. Happy Blogging!!
0 komentar