De fleste af jer må have set en sitemap-side på mange blogs eller websteder og spekuleret på, hvad det er, og hvordan det fungerer. Sitemap-side hjælper dig dybest set med en bedre og lettere navigation, og det forbedrer også din sideplacering på grund af intern sammenkædning af alle indlæg på bloggen. Det hjælper også søgemaskinens webcrawlere med at indeksere indholdet og siderne let og hurtigere. I dette kapitel lærer du, hvordan du opretter et sitemap til blogger ved hjælp af enkle trin.
Hvordan fungerer Sitemap-siden?
Inden du kaster koden i din blog og blot lader den være alene, skal du vide, hvordan den rent faktisk fungerer. Dette er en automatisk sitemap-side, der automatisk tilføjer de seneste indlæg i sig selv. Du behøver ikke at opdatere det manuelt hver gang. På denne side kan du se, at indlæggene er kategoriseret efter de etiketter, du har givet på bloggen. Denne sitemap-side er udviklet ved hjælp af JavaScript og CSS, som automatisk tager din blogs feed.
Oprettelse af sitemapside i Blogger
Her er nogle få enkle trin, du skal følge for let at oprette sitemap-side i din Blogger-blog. Det er meget enkel opgave, hvor du bare skal indsætte koden.
Trin 1: Åbn Blogger
Åbn Blogger.com og d på din konto. Vælg den blog, du arbejder på, og åbn instrumentbrættet.
Trin 2: Opret side
I Blogger Dashboard skal du navigere til Sider og klikke på Ny side. Indtast den valgte titel.
Trin 3: Tilføj kode
Gå til HTML-fanen, og kopier bare koden nedenfor, og indsæt den der i HTML-fanen.
#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
}
<script src="http://www.DIN DOMÆNE.com / feeds / posts / default? max-results = 9999 & alt = json-in-script & callback = loadtoc ">
Trin 4: Tilpasning
Du skal bare ændre “DIN DOMÆNE”Med dit blogdomæne og udgiv siden.
Det er det, fyre! Du har lige oprettet sitemap til din blog. Du kan også ændre CSS-koder for eventuelle ændringer i baggrunde.
