Home » Blog » Langkah-Langkah Membuat Sitemap Di Blog

Langkah-Langkah Membuat Sitemap Di Blog

Blog

Sitemap atau daftar isi memiliki peranan yang cukup penting loh di blog-blog sobat.
Karena sitemap sendiri memiliki fungsi

Membantu Pembaca Menjelajahi Blog Sobat
Memaksimalkan SEO juga
Terlihat Lebih keren wkwkwk

Seperti fungsi diatas, sitemap memang membantu sekali bagi para pengunjung untuk melihat postingan-postingan yang sudah sobat post sebelumnya.

Hampir sama kaya label, tetapi kalo sitemap lebih detail semua label & postingan muncul

Pokoknya harus pakek sitemap deh hehehe.

Oke cukup basa basinya, langsung ke TKP gan

#1. Login ke blogger sobat > www.blogger.com

#2. Masuk ke menu dashboard > Klik "Laman"

#3. Klik "Laman Baru"

#4. Setelah masuk langsung klik "HTML"

#5. Copy lalu pastekan kode dibawah ini

<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="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://www.androwsblog.web.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>

Keterangan :

http://www.androwsblog.web.id => Diganti dengan domain sobat

#6. Jika sudah, klik "Publikasikan"

#7. Selesai deh, hasilnya seperti Ini

3 Responses to "Langkah-Langkah Membuat Sitemap Di Blog"

UnknownJanuary 23, 2016 at 10:14 AM
Oh Jadi Gitu Gan. Ane Baru tau apa itu sitemap Thanks Gan! Kunbal ya
ReplyDelete
Replies
Miftah ArtFebruary 2, 2016 at 8:07 PM
kyaknya desain sitemap ini lebih bagus dari punya saya, izin terapin gan... kyaknya pas sama tempelate saya
ReplyDelete
Replies
Dwi PrasetioFebruary 2, 2016 at 8:08 PM
thanks gan, ane terapin diblog ane ya
ReplyDelete
Replies

[-] Berkomentar sesuai topik
[-] Tidak Menanam link
[-] Jangan spam

Terimakasih ^_^

Subscribe to: Post Comments (Atom)