Cara Menciptakan Script Html Sitemap

Sabtu, 26 Januari 2019

Bagikan :

Tweet

Hello sobat ketika ini aku akan memberitahu gimana cara menciptakan script html Sitemap dengan tampilan lebih menarik dan elok buat blogger sobat, nah script sitemap ini mempunyai kegunaan sanggat alasannya ialah ketentuan blogger ada 5 syarat ketentuan yaitu : About, Sitemap, Contact, Disclaimer, Privacy and policy. nah kelima ini biasa berada di pojok atas kiri blogger pojok kanan blogger, dengan adanya About, sitemap, contact, disclaimer, privacy and policy pihak googgle atau blogger lebih percaya bahwa itu termasuk website sobat, dan diantara kelima itu wajib anda pasang diblogger sobat, Langsung saja kita masuk ke script Html Sitemap;

Baca Juga: Cara memasang halaman facebook melayang di blog

1. Login blogger

2. Masuk ke Bagian PAGES> New page > Isikan Page Tittle > Masuk tab HTML> Isikan SCRIPT Html sitemap> PUBLISH. Liat pola gambar dibawah;

Script Html Sitemap;

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

<br />
<div id="toc">
<script src="http://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>
<script src="http://www.calonpintar.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

Baca Juga: Cara menciptakan Recent post Blogger

Sekian Hasil presentasi aku hari ini supaya bermanfaat buat sobat, dan jangan lupa di share dan comment kalau ada kekurangan kata, dan kritik dan saran.

Tag : Script Html