dijous, 22 d’abril del 2010

Modificar la plantilla del bloc (Blogger)

Existeixen moltes plantilles al web que podem usar per al nostre bloc i a partir d’aquesta plantilla fins i tot introduir modificacions. Al google podem fer una cerca del tipus “Blogger Templates” o “Plantilles Blogger”… i trobareu milers de pàgines des d’on descarregar plantilles. En el nostre cas triarem BTemplates i d’entre les existents triarem una i seguirem les següents passes.

 

1.  Descarregue la plantilla Comunist de BTemplates

 

clip_image002

 

 

 

 

2.  La instal.le com a nova plantilla al meu bloc.

 

3.   La plantilla disposa d’un menú superior. Te quatre pestanyes. Les primeres ja tenen un destí: Inici (Home), Entrades (Post) i Comentaris (Comments), la quarta, EDIT està preparada per tal que nosaltres la personalitzem.


 

 

 

clip_image004

 

 

Si anem a la pestanya “ Elements de la página” el bloc es veu així:

 

clip_image006

 

 

2. Com podem personalitzar el menú?:

 

 Anem a Edició de HTML, expandim artilugios i obrim la funció de cerca (CTRL+F),

 

 Escrivim la paraula que volem modificar: “Edit”.

 

 

clip_image008


 

 

 

 El cercador ens porta pel document fins que arriba a la paraula edit que ens interessa. com sabrem que hem arribat? Doncs perquè al costat han de sortir les altres paraules que apareixen al menú: Home, PostRSS…

 

 

 

<div class='wrapper'>

 

<div id='foxmenucontainer'>

 

<div id='foxmenu'>

 

<ul>

 

<li id='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>

 

<li><a  expr:href='data:blog.homepageUrl  +  &quot;feeds/posts/default&quot;'>Posts

 

RSS</a></li>

 

<li><a                                  expr:href='data:blog.homepageUrl                                   +

 

&quot;feeds/comments/default&quot;'>Comments RSS</a></li>

 

clip_image009

<li><a href='#'>Edit</a></li>

 

 

 He requadrat la línea de codi que es pot personalitzar, com es fa? Molt senzill, potser ho trobareu escrit de formes diferents, però la paraula, en aquest cas “edit”, es pot substituir per la que vosaltres vulgueu i l’asterisc que va entre cometes, l’heu de substituir per l’adreça de la pàgina que vulgueu enllaçar.

És el que jo he fet aquí:

 

 

<li id='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>

 

<li><a                            expr:href='data:blog.homepageUrl                             +

 

&quot;feeds/posts/default&quot;'>Posts RSS</a></li>

 

<li><a                            expr:href='data:blog.homepageUrl                             +

 

&quot;feeds/comments/default&quot;'>Comments RSS</a></li>

 

<li><a             href='http://probandoenlloret.blogspot.com/2008/10/video-de- aida.html'>Vídeo de Aida</a></li>

 

 

Aquest és el resultat:


 

 

 

clip_image011

 

 Les altres paraules del menú, ja apareixen enllaçades amb les seves corresponents adreces, si no us interessen les podeu esborrar (de <li a </li>), o també podeu modificar la paraula daccés del menú.

Exemple: he canviat “Home” per Inicio.

 

 

clip_image012 Si voleu afegir-ne més pestanyas al menú, només haureu de copiar la línea de codi que es podia editar tantes vegades com sigui necessari.

<li><a href='#'>Edit</a></li>

 

 

Quan tingueu el bloc personalitzat, feu una copia de la plantilla en un arxiu de text al

 

Bloc de notes. No sabeu on teniu el bloc de notes? Busqueu per aquí.


 

 

 

clip_image014

 

 

 

MOLTA SORT!