Cara Membuat Sitemap dan Memasang pada Blogger dengan Mudah
Cara Membuat Sitemap dan Memasang pada Blogger dengan Mudah Sitemap
biasa disebut dengan daftar isi sebuah website, sitemap termasuk bagian dari
cara Seo terbaik untuk proses pengindeksan dalam sebuah website. Kenapa sitemap
ini merasa terpenting dalam sebuah website? Karena dengan adanya sitemap dalam
sebuah web yaitu untuk memberikan informasi kepada visitor agar dengan mudah
melihat dan membaca keseluruhan artikel pada blog tersebut.
Jadi pada kesempatan Kali ini
saya akan share kode script untuk memasang sitemap secara otomatis akan
terupdate setiap kita mengupload sebuah artikel pada blog. Dari sitemap yang
paling menarik yaitu akan menampilkan artikel secara otomatis sesuai dengan tag
yang sobat buat, jadi descript sitemap ini akan menampilkan seluruh judul
postingan yang pernah sobat upload sebelumnya baik yang lama maupun yang baru. Jadi
sobat tidak perlu lagi edit satu persatu untuk memasukkan pada daftar isi blog
sobat.
Berikut kode sitemap yang sudah
dibuat oleh admin penanindigo :
<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;}
.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&alt=json-in-script&callback=loadtoc">
</script></div>
#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&alt=json-in-script&callback=loadtoc">
</script></div>
Tutorial Cara Pasang Sitemap Pada
Blog :
Berikut ini adalah
langkah-langkah cara untuk memasang sitemap otomatis keren pada laman blog
sobat agar terlihat lebih baik dan menarik para pembaca.
1# Login ke Blogger.com, Silahkan
buka Dashboard blog sobat
2# Setelah itu pilih pages atau
halaman,
3# silahkan klik New Page/
halaman baru, dan pilih mode HTML, dan Silahkan paste kode script diatas pada
halaman ini. Dan publish dan lihat hasilnya.
Demo bisa kalian lihat dengan
cara klik sitemap di footer website admin.
Demikian Cara Membuat Sitemap dan
Memasang pada Blogger dengan Mudah ini semoga bermanfaat dan selamat mencoba.
Terimakasih.
Posting Komentar untuk "Cara Membuat Sitemap dan Memasang pada Blogger dengan Mudah"