La majoria de vosaltres heu d’haver vist una pàgina del mapa del lloc a molts blocs o llocs web i us heu preguntat què és i com funciona. La pàgina del mapa del lloc us ajuda bàsicament a una navegació millor i més senzilla i també millora el vostre rang de pàgines a causa de l'enllaç intern de totes les publicacions del bloc. També ajuda els rastrejadors del motor de cerca a indexar el contingut i les pàgines de manera fàcil i ràpida. En aquest capítol, aprendreu a crear un mapa del lloc per a bloggers mitjançant passos senzills.
Com funciona la pàgina del mapa del web?
Abans d'abocar el codi al vostre bloc i simplement deixar-lo en pau, heu de saber com funciona realment. Aquesta és una pàgina automàtica del mapa del lloc que afegeix automàticament les darreres publicacions. No cal que l’actualitzeu manualment cada vegada. En aquesta pàgina, podeu veure que les publicacions es classifiquen segons les etiquetes que heu donat al bloc. Aquesta pàgina del mapa del lloc es desenvolupa amb JavaScript i CSS, que pren automàticament el feed del vostre bloc.
Creació de la pàgina del mapa del lloc a Blogger
A continuació, es mostren alguns passos senzills que heu de seguir per crear fàcilment la pàgina del mapa del web al vostre bloc de Blogger. És una tasca molt senzilla on només cal enganxar el codi.
Pas 1: obriu Blogger
Obriu Blogger.com i inicieu la sessió al vostre compte. Trieu el bloc en què esteu treballant i obriu el tauler.
Pas 2: Creeu una pàgina
Al tauler de Blogger, aneu a Pàgines i feu clic a Pàgina nova. Introduïu el títol que trieu.
Pas 3: afegir codi
Aneu a la pestanya HTML i simplement copieu el codi següent i enganxeu-lo a la pestanya HTML.
#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.EL VOSTRE DOMINI.com / feeds / posts / default? max-results = 9999 & alt = json-in-script & callback = loadtoc ">
Pas 4: personalització
Simplement cal canviar "EL VOSTRE DOMINI”Amb el vostre domini del bloc i publiqueu la pàgina.
Això és tot, nois! Acabeu de crear un mapa del web per al vostre bloc. També podeu canviar els codis CSS per a qualsevol modificació dels fons.
