Tutorial crear pagina presentacion blogger

4
PROMSE - RTIC ZONA 1 Tucumán – Argentina – 2008 CREAR UNA PAGINA DE PRESENTACIÓN PARA BLOGGER ¡¡ATENCIÓN ANTES DE COMENZAR!!: MUY IMPORTANTE: Si bien Blogger nos permite recuperar la plantilla si tuviésemos algún error, de igual forma, nunca está demás tener una copia guardada en la máquina por seguridad. Para esto, antes de intentar los cambios seguimos estos pasos: Personalizar/Diseño/edición HTML/ Y hacemos clic en “descargar plantilla completa”. Elegimos donde guardarla en nuestro disco duro (recordar donde! ) y aceptamos. De esta manera si hiciéramos mal algún paso, siempre podremos recuperar la plantilla original. Recién ahora, será bueno empezar … este es un proceso que debe ser hecho minuciosamente. Es fácil equivocarse por lo que hay que prestar mucha atención. MANOS A LA OBRA!!! Como Blogger a diferencia de otros servicios, no permite crear una página de inicio para presentar nuestro espacio, vamos a intentar hacer unos arreglos para conseguir un efecto parecido. El objetivo será que la página principal no muestre entradas sino que simule una página de presentación, sin entradas. Para ello debemos seguir el paso a paso de este tutorial. Paso 1º: Habiendo iniciado sesión en nuestro blog, a continuación Contactos: Lic. Cecilia Ballesteros Ing. María Eugenia Sadir [email protected] [email protected] 1

description

Ayuda para crear una página de presentación de tu blog en blogger.

Transcript of Tutorial crear pagina presentacion blogger

Page 1: Tutorial crear pagina presentacion blogger

PROMSE - RTIC ZONA 1 Tucumán – Argentina – 2008

CREAR UNA PAGINA DE PRESENTACIÓN PARA BLOGGER

¡¡ATENCIÓN ANTES DE COMENZAR!!: MUY IMPORTANTE:

Si bien Blogger nos permite recuperar la plantilla si tuviésemos algún error, de igual forma, nunca está demás tener una copia guardada en la máquina por seguridad.

Para esto, antes de intentar los cambios seguimos estos pasos:

Personalizar/Diseño/edición HTML/

Y hacemos clic en “descargar plantilla completa”.

Elegimos donde guardarla en nuestro disco duro (recordar donde! ) y aceptamos.

De esta manera si hiciéramos mal algún paso, siempre podremos recuperar la plantilla original.

Recién ahora, será bueno empezar … este es un proceso que debe ser hecho minuciosamente. Es fácil equivocarse por lo que hay que prestar mucha atención.

MANOS A LA OBRA!!!

Como Blogger a diferencia de otros servicios, no permite crear una

página de inicio para presentar nuestro espacio, vamos a intentar hacer

unos arreglos para conseguir un efecto parecido. El objetivo será que la

página principal no muestre entradas sino que simule una página de

presentación, sin entradas.

Para ello debemos seguir el paso a paso de este tutorial.

Paso 1º:

Habiendo iniciado sesión en nuestro blog, a continuación entramos en

Configuración --> Formato, y en la opción que dice “Mostrar N(número)

entradas en la página principal”, seleccionamos para nuestro fin 0 (cero

entradas).

Contactos: Lic. Cecilia Ballesteros Ing. María Eugenia Sadir [email protected] [email protected]

1

Page 2: Tutorial crear pagina presentacion blogger

PROMSE - RTIC ZONA 1 Tucumán – Argentina – 2008

No olvidemos que, en la parte inferior de la página debemos “Guardar

Configuración” para mantener los cambios realizados.

Paso 2º:

Ahora vamos a modificar la plantilla para poder añadir elementos

adicionales en el blog.

Para ello, iremos a la pestaña Diseño Edición de HTML. Una vez allí,

tildamos el recuadro Expandir Plantillas de Artilugios. Buscamos con

CTRL+F (o con la opción de internet Explorer Edición->Buscar en ésta

página) todas las partes del código dónde aparezca la expresión

showaddelement y cambiamos el valor entrecomillado: es decir,

sustituimos el no, por un yes.

Luego, hacer click en el botón “Guardar Plantilla”

Paso 3º:

En este paso, lo que queremos lograr es que la información que

pongamos en nuestra página de inicio (o de presentación) no se vea

cuando se accede a las páginas secundarias (o etiquetas). Para ello, en la

pestaña Diseño Elementos de Página, añadimos un elemento de tipo

“Texto” en este caso (esto puede variar si en su caso quiere poner como

página de inicio del blog una presentación PowerPoint, o video, etc) y a

continuación le ponemos el nombre “PRESENTACION” (para poder

identificarlo luego con mayor facilidad), y luego click en Guardar.

Continuando en la pestaña DiseñoEdición de HTML, vamos a editar

nuevamente la plantilla para lo cual tildamos el casillero “Expandir

plantilla de artilugios” y buscamos (con la opción Edición->Buscar) el

nombre del elemento que acabamos de agregar, es decir, en nuestro caso

buscaremos la palabra “PRESENTACION”.

Podremos ver algo parecido a ésto.

Contactos: Lic. Cecilia Ballesteros Ing. María Eugenia Sadir [email protected] [email protected]

2

Page 3: Tutorial crear pagina presentacion blogger

PROMSE - RTIC ZONA 1 Tucumán – Argentina – 2008

<b:widget id='HTML3' locked='false' title='PRESENTACION'

type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.homepageUrl ==

data:blog.url'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

Lo que está marcado en color negro (más grande y en negritas, para

quienes imprimieron esto en tinta negra) en el código anterior, es

justamente lo que debemos agregar en los respectivos lugares en que se

encuentran.

Por último guardamos los cambios de la plantilla.

Paso 4:

Contactos: Lic. Cecilia Ballesteros Ing. María Eugenia Sadir [email protected] [email protected]

3

Page 4: Tutorial crear pagina presentacion blogger

PROMSE - RTIC ZONA 1 Tucumán – Argentina – 2008

Nos dirigimos a la pestaña DiseñoElementos de página, donde

encontraremos el elemento que creamos en el paso anterior con el

nombre de “PRESENTACION” y hacemos click en “Editar” el mismo.

Ya terminando sólo nos queda ponerle IMAGINACION y hacer un diseño

realmente original para presentar nuestro Blog.

¡¡ Suerte!!

Contactos: Lic. Cecilia Ballesteros Ing. María Eugenia Sadir [email protected] [email protected]

4