Arran dels suggeriments d'alguns companys de la Roigesfera us presentem tres variacions de la plantilla per a blocaires de la Roigesfera que us podeu descarregar des d'aquí mateix.

Plantilla Bàsica

Enllaços: Demo i Instruccions | Descàrrega

Plantilla Bàsica a la dreta

Enllaços: Instruccions | Descàrrega

Plantilla Estil "Twitter"

Enllaços: Demo i Instruccions | Descàrrega

Com veureu, hem afegit a la plantilla alguns elements nous interessants.

Seguim treballant en una versió de la plantilla per als nous layouts o dissenys de Blogger però no és una tasca senzilla.

S'agraeixen tota mena de suggeriments i col·laboracions.

Llegeix Més [+]

Integra la Roigesfera al teu Bloc o la teva Web amb aquest codi senzill. Està convenientment dissenyada per a posar-la en la teva Barra Lateral. És senzill: copia aquest codi i enganxa'l allà on vulguis que aparegui. Tingues en consideració que serà especialment llarga.

<a href="http://inici.roigesfera.org/"><img src="http://roigesfera.org/img/roigesferapromo100blanc.jpg" title="Directori de la Blocosfera Roja Catalana" style="width: 100px; height: 100px;" /></a><script type='text/javascript' src='http://www.feevy.com/code/11628/white'></script>

També pots integrar-te encara més i utilitzar la nova plantilla de Blogger per als blocaires de la Roigesfera.

Llegeix Més [+]

Portem per a tots/es els/les blocaires de la Roigesfera, una nova plantilla de Blogger que us permetrà donar un disseny diferent al vostre bloc.

Plantilla

Feu clic aquí per veure la demostració i seguiu els passos que s'adjunten per a descarregar-la i usar-la en el vostre bloc.

Llegeix Més [+]

Els que utilitzeu Blogger com a sistema de gestió per al vostre bloc, ja sabreu que podeu personalitzar moltíssim l'aspecte de la vostra publicació.

A través de Blogger l'aspecte del bloc es pot modificar totalment sense haver de modificar també els articles que ja hagueu publicat.

A l'Ajuda del servei trobareu molts trucs que podeu utilitzar com els que ens permet mostrar resums de les nostres anotacions a la pàgina principal, publicar el vostre bloc en un domini propi,... A més a més, les instruccions estan perfectament traduïdes al castellà.

Només convé saber als no iniciats que Blogger permet l'ús de dos tipus de plantilles: els Layouts i els Templates.

Els Templates són les plantilles originals de Blogger i, encara que els nous Layouts permeten moltes opcions d'interactivitat interessants molt simplificades, els Templates continuen sent l'aposta pels professionals del Blogging i d'aquells que volen fer del seu bloc una eina totalment configurable. Els Templates no són aconsellables per als qui no tenen coneixements mínims de programació Web però si poden ser molt interessants per als qui tenen una base sobre el llenguatge HTML i volen tractar directament amb el codi de la seva plantilla.

Els Layouts són l'aposta perfecte per aquells que no estiguin iniciats en el llenguatge HTML i no pretenguin fer coses massa complicades. A través de la interfase gràfica que Blogger posa a la seva disposició, es poden modificar els colors i les dimensions de les tipografies i afegir mòduls a l'estil de widgets o gadgets en una secció predeterminada.

Blogger disposa de més d'una vintena de Templates i de Layouts disponibles que podeu utilitzar amb un senzill clic. Tot i així, si no en teniu prou i voleu que el vostre bloc tingui un disseny encara més original que les opcions que se us proposen, podeu trobar a internet centenars de plantilles disponibles, totalment gratuïtes que podreu utilitzar només copiant el codi i enganxant-lo a la secció de Layout o Template, depenent del sistema pel que hagueu optat.

Per al vostre interès, us adjuntem els enllaços més destacats:

Blogger Templates

Plantilles d'Hipertextos

http://www.pyzam.com/bloggertemplates

http://www.createblog.com/layouts/index.php?layout=blogger_layouts

http://blogandweb.com/templates-blogger/

http://www.thurstemplates.com/search/label/templates

Plantilla per a l'iPhone

Blogger Layouts

http://www.freelayouts.com/blogs/blogger-templates

http://www.createblog.com/layouts/

Llegeix Més [+]

Per aconseguir que una imatge sigui al mateix temps un enllaç, només ens cal combinar les tècniques que hem vist anteriorment.

L'esquema bàsic del codi seria aquest:

<a href="RUTA"> <img src="RUTAIMATGE> </a>

I l'exemple pràctic que hem desenvolupat fins ara ens donaria aquest resultat de codi:

<a href="http://www.roigesfera.org"> <img src="http://lh6.google.com/roigesfera/R7123gAe9NI/AAAAAAAAAEA/iGyVwLj1QDE/roigesferapromo200blanc.jpg> </a>

que es visualitzaria així:

Llegeix Més [+]

Per a insertar una imatge, en HTML, ens cal únicament tenir la imatge disponible a Internet a través d'uan ruta pública.

Per exemple:

la ruta http://lh6.google.com/roigesfera/R7123gAe9NI/AAAAAAAAAEA/iGyVwLj1QDE/roigesferapromo200blanc.jpg

s'inserta amb el fragment de codi següent:

<img src="RUTIMATGE" />

Així, el codi

<img src="http://lh6.google.com/roigesfera/R7123gAe9NI/AAAAAAAAAEA/iGyVwLj1QDE/roigesferapromo200blanc.jpg" />

correspon a la imatge

Llegeix Més [+]

En HTML estricte un enllaç es composat per dos elements bàsics: el text que es mostra i la ruta de la pàgina on anirem a parar en fer-hi clic.

El codi corresponent és el següent:

<a href="RUTA">TEXT</a>

On ens cal substituir la RUTA i el TEXT per allò que desitgem segons les nostres necessitats.

Per exemple, per fer un enllaç a la pàgina principal de la roigesfera ho fariem així:

<a href="http://www.roigesfera.org/">Roigesfera</a>

I el resultat seria aquest:

Roigesfera

Llegeix Més [+]