dimarts, 17 de novembre del 2015

CREEM UN MENÚ AL NOSTRE BLOG

Imatge de ClkerFreeVectorImages
Pixabay
Per tal d'organitzar les entrades del nostre blog, i facilitar als lectors que les segueixin, i que les puguin trobar d'acord amb la seva temàtica, el que hem de fer, en primer lloc és crear Etiquetes.
Les etiquetes son paraules que van a descriure la nostra entrada. Cada entrada pot tenir més d'una etiqueta. 
Per exemple, jo aquesta entrada la vaig a etiquetas com:
BLOCS: Perquè és on podrem aplicar el que aquí aprenem
tecnologia3r: Perquè a hores d'ara, la creació de Blogs s'estudia a 3r d'ESO
informatica4t: Perquè en un moment donat, també ens pot interessar crear un blog en aquesta assignatura, què és on es venia estudiant fins a hores d'ara.




Per assignar etiquetes a una entrada del Blog ho podem fer des de dos llocs diferents.

1. Quan estem editant l'entrada, al menú del lateral dret, trobem l'opció etiquetes.

    • Si fem clic a sobre, se'ns activa una caixeta on podem escriure les etiquetes. 
    • Si us fixeu a la imatge, a sota de la meva capseta, surten les etiquetes que jo ja he creat per al meu blog, i per tant, només he de fer clic a sobre de les que m'interessen, d'aquesta manera s'inseriran a la capseta.
    • Si vull afegir una etiqueta nova, només he d'escriure la paraula identificativa, i separar-la de la resta amb una coma ",". Automàticament, es crea l'etiqueta, i es desa per tal de poder-la utilitzar en properes ocasions.
    • Recordem que per desar els canvis hi ha que fer clic al botó "Fet".

2. La segon manera de és des del menú d'entrades:
    • En primer lloc fem clic al quadret per seleccionar l'entrada que volem etiquetar
    • Llavors seleccionem la ivona de la barra superior horitzontal en forma d'etiqueta
    • Es desplegarà un menú amb les etiquetes que tenim creades fins ara, de les quals podem seleccionar les que ens interesse.
    • També podem crear etiquetes, fent clic a la primera opció del desplegable, que es diu "Etiqueta Nova"
Un cop hem classificat la informació en etiquetes, la podem fer més visual creant un menú d'accés als apartats més importants del nostre blog. 
Per poder-ho fer, anem a Format,  inserir un gadget tipus html al lloc on volem el menú. Com pots veure, en aquest blog, el menú el tenim a sota de la capçalera, ja que jo considere que és el lloc més adient. No obstant, el podries col·locar en qualsevol lloc del teu blog habilitat per inserir un gadget.
Com ja saps, ara toca inserir unes ordres en llenguatge html. Cadascú de vosaltres haureu d'editar aquesta etiqueta html personalitzat per al vostre blog.
Us ensenyo l'etiqueta del meu blog, i us explico el seu significat. A partir d'aquí, podeu copiar-vos l'etiqueta i editar-la d'acord amb els vostres interessos. Som-hi!

<ul id="menu"> 
<li><a class="selected" href="http://tecnoimes.blogspot.com">Inicio</a></li> 
<li><a href="http://tecnoimes.blogspot.com/search/label/tecnologia1r">Tecnologia 1r</a></li>
<li><a href="http://tecnoimes.blogspot.com/search/label/tecnologia2n">Tecnologia 2n</a></li>
<li><a href="http://tecnoimes.blogspot.com/search/label/tecnologia3r">Tecnologia 3r</a></li>
<li><a href="http://tecnoimes.blogspot.com/search/label/tecnologia4t">Tecnologia 4t</a></li>
<li><a href="http://tecnoimes.blogspot.com/search/label/informatica4t">Informàtica 4t</a></li>
<li><a href="http://tecnoimes.blogspot.com/search/label/projectes">Projectes Tecnològics</a></li>
<li><a href="http://tecnoimes.blogspot.com/search/label/plastica4t">Plàstica 4t</a></li>
<li><a href="http://tecnoimes.blogspot.com/search/label/matematiques">Matemàtiques</a></li>
</ul>

  • <ul id="menu"> /*Creem el contenidor del menú
  •  l'etiqueta <li> serveix per crear un nou element del menú, és a dir, una nova pestanya
  • l'etiqueta<a href=""> serveix per tal d'enllaçar la pestanya al lloc o adreça web que hi ha entre les comentes.
  • selected: És l'opció principal, aquí serà la part del menú on es van carregant totes les entrades del blog, de manera indiscriminada. És l'opció per tal de crear el menú d'inici. Per això, a continuació d'aquesta etiqueta, hem de fer referència a la url principal del nostre blog.
  • search/label/tecnologia1r utilitzarem aquestes ordres per tal d'indicar que un cop es faci clic en aquella opció del menú, se'ns busquin tots els objectes del blog que formen part d'aquest objecte agrupador, en aquest cas, l'etiqueta tecnologia1r.
  • Si et ffixes, un cop acabada cada instrucció, s'ha de tancar, amb el mateix nom de l'etiqueta, però precedit d'una barra: </li> </a> </ul>


Cap comentari:

Publica un comentari a l'entrada