SlideShare una empresa de Scribd logo
I.E.S.T.P. Simón Bolívar

INSERTAR TU PROPIO BANNER EN EL BLOG
1. Abro un Nuevo Artículo.
2. Click en Incluir Archivo:
3. Selecciono la imagen que quiero usar como banner:
4. Una vez elegida la imagen y pulsado Incluir, se abre una ventana que
proporciona el código HTML necesario para pegar la imagen. Selecciono
el código que corresponde a Imagen centrada, lo copio, y cierro la
ventana:
5. Click en Título:
6. Pego el código HTML en la casilla Lema (o descripción corta):
Ahora sólo falta guardar los cambios, y el banner estará colgado. Pero
conviene tener en cuenta algunas cosas:

Alex Gabriel Jimenez

Página 1
I.E.S.T.P. Simón Bolívar
TÍTULO DEL BLOG
Las plantillas de La Coctelera no permiten dejar en blanco la casilla de
título del blog (si la dejas en blanco, aparecerá el nombre especificado en
la URL). Cuando tu banner, como es mi caso, contiene también el título,
puede que la repetición no quede muy bien.
Para solucionar el problema, podemos cambiar el color de las letras del
título, especificando para las letras el mismo color que tiene el fondo de la
plantilla. Así, las letras habrán "desaparecido".
Para hacer este cambio de color, sólo necesitas conocer el código del
color del fondo -usando una impresión de pantalla y un editor de
imágenes, como Photoshop-, y escribir una sencilla etiqueta HTML como la
que muestra la imagen, en la que el código entrecomillado es el color del
fondo:

Alex Gabriel Jimenez

Página 2
I.E.S.T.P. Simón Bolívar
TAMAÑO DEL BANNER

Las dimensiones del banner deben venir determinadas por el ancho que la
plantilla de tu blog determine para la cabecera. Quizá tengas que hacer
varias pruebas con diversos anchos antes de dar con el óptimo.

ENLACE

Si quieres que tu banner sea, además, un enlace al inicio del blog, sólo
tienes que copiar el código que pegaste antes en Lema, pegarlo en
un Nuevo artículo, y pinchar en Enlace (especificando como URL la de tu
blog). Copia todo el código resultante y pégalo de nuevo en Lema

OTRAS POSIBILIDADES
Puedes cambiar el tipo de letra predeterminado de la plantilla, añadiendo
la etiqueta HTML correspondiente al final de la casilla Lema y dejando la
etiqueta sin cerrar, tal como muestra la imagen. El entrecomillado contiene
el tipo de letra que deseas usar. También puedes especificar un nuevo
color:

Alex Gabriel Jimenez

Página 3

Más contenido relacionado

PPS
Manual Cuadro Google Reader
DOCX
Colegio nacional nicoles esguerra
PPTX
Introducción html5
DOC
Taller n 2 tecnologia blogger
PDF
Colegio nacional nicolas esguerra
DOCX
Introducción a la creación de un blog en blogger
PDF
Blogger
DOCX
Cómo hacer una página web básica
Manual Cuadro Google Reader
Colegio nacional nicoles esguerra
Introducción html5
Taller n 2 tecnologia blogger
Colegio nacional nicolas esguerra
Introducción a la creación de un blog en blogger
Blogger
Cómo hacer una página web básica

La actualidad más candente (14)

DOCX
Html00000
PDF
Colegio nacional nicolas esguerra
PPT
Qué es html
PPTX
Expo html alexa
PPTX
Expo html alexandra
PPTX
Expo html alexandra
PPTX
tutorial para una pagina web
DOC
Tutorial 4: Insertar un traductor en tu blog
PPTX
HT 2-4
DOCX
Explicacion html
PPTX
Daniela Vera
PPSX
Etiquetas con sparklee
DOCX
Como crear una pagina web
DOCX
Crear Pagina Web
Html00000
Colegio nacional nicolas esguerra
Qué es html
Expo html alexa
Expo html alexandra
Expo html alexandra
tutorial para una pagina web
Tutorial 4: Insertar un traductor en tu blog
HT 2-4
Explicacion html
Daniela Vera
Etiquetas con sparklee
Como crear una pagina web
Crear Pagina Web
Publicidad

Destacado (14)

PPTX
Qué somos t.e.a. con sentido
PPTX
Protegiendo a los menores
PPT
Cómo insertar códigos prediseñados (embed) en Blogger.com
PDF
What Makes Great Infographics
PDF
10 Ways to Win at SlideShare SEO & Presentation Optimization
PDF
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
PDF
Masters of SlideShare
PDF
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
PDF
You Suck At PowerPoint!
PDF
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
PDF
2015 Upload Campaigns Calendar - SlideShare
PPTX
What to Upload to SlideShare
PDF
How to Make Awesome SlideShares: Tips & Tricks
PDF
Getting Started With SlideShare
Qué somos t.e.a. con sentido
Protegiendo a los menores
Cómo insertar códigos prediseñados (embed) en Blogger.com
What Makes Great Infographics
10 Ways to Win at SlideShare SEO & Presentation Optimization
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
Masters of SlideShare
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
You Suck At PowerPoint!
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
2015 Upload Campaigns Calendar - SlideShare
What to Upload to SlideShare
How to Make Awesome SlideShares: Tips & Tricks
Getting Started With SlideShare
Publicidad

Similar a Insertar tu propio banner en el blog (20)

DOC
Trabajo práctico nº 8
PPTX
Felipe blog yañez
PPTX
Felipe blog yañez
PPTX
como crear mi blog tutorial yañez
DOC
Tutorial ejercicio 1
DOCX
Trabajo practico nº2
PPT
Presentación del blog
PPT
El Escritoriodel Blog
DOC
Solana andole 8
DOC
Solana andole 8
PPT
Creacion blog DBL
DOC
Trabajo practico n 8.(informatica)
DOC
Trabajo practico n 8.(informatica)
DOC
Trabajo practico n 8.(informatica)
DOC
Trabajo practico n 8.(informatica)
DOC
Trabajo practico n 8.(informatica)
DOC
Trabajo practico 8
DOC
Trabajo practico 8 de informatica
PDF
Examen tutoriales
DOCX
Trabajo práctico nº 8
Trabajo práctico nº 8
Felipe blog yañez
Felipe blog yañez
como crear mi blog tutorial yañez
Tutorial ejercicio 1
Trabajo practico nº2
Presentación del blog
El Escritoriodel Blog
Solana andole 8
Solana andole 8
Creacion blog DBL
Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)
Trabajo practico 8
Trabajo practico 8 de informatica
Examen tutoriales
Trabajo práctico nº 8

Último (20)

PPTX
CLASE1 METODOLOGÍA DE LA INVESTIGACIÓN-2025.pptx
PPTX
Gobierno corporativo talento humano gth.
PPTX
Micosis sistémicas.pptx para medicina UNR
PPTX
2023-Injuria-11A-BacilosGram(-)nofermerdadntadores_.pptx
PDF
Presentacion seminariooooooooooooooooooo
PPTX
Clase 13.pptxsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
PPTX
2023-Injuria-02A-Virus hemorragicos.pptx
PPTX
sensacion-y-percepcion clase subida para descargar sjsks
PPTX
GESTOS LITÚRICOS_0805njhgbhgfvghgf00.pptx
DOCX
¿Te han rechazado en una entrevista? Transforma el 'no' en tu próximo impulso"
PPTX
INTRODUCCION A LA BIBLIA NUEVOS CREYENTES.pptx
PPTX
Hpetatitis A y E hjfyfhgffxffgff(2).pptx
PPTX
SEGURIDAD E Higiene en el trabajo pars tldls
PPTX
HISRTORIA DE KA SALUDN HABLA SOBRE LA SALUD.pptx
PPTX
2 .EXPOSICIÓN_GRUPO_2. GESTIÓN_PÚBLICA..pptx
PPTX
TRABAJP DE ECONOMIA . factores de producción
PDF
ANATOMÍA DEL PIE.pdfBIOSEGURIDAD.pdfBIOSEGURIDAD.pdf
PDF
CAJA HERRAMIENTAS DEMANDANTE EMPLEO V141 ILLES BALEARS.pdf
PPTX
GRAN RONDA DE PREGUNTAS QUE VANA AHCER PARA OBTENER UN BENEFICIO ACADEMICO
PPTX
Adaptacion, Lesion y Muerte Celular.pptx
CLASE1 METODOLOGÍA DE LA INVESTIGACIÓN-2025.pptx
Gobierno corporativo talento humano gth.
Micosis sistémicas.pptx para medicina UNR
2023-Injuria-11A-BacilosGram(-)nofermerdadntadores_.pptx
Presentacion seminariooooooooooooooooooo
Clase 13.pptxsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
2023-Injuria-02A-Virus hemorragicos.pptx
sensacion-y-percepcion clase subida para descargar sjsks
GESTOS LITÚRICOS_0805njhgbhgfvghgf00.pptx
¿Te han rechazado en una entrevista? Transforma el 'no' en tu próximo impulso"
INTRODUCCION A LA BIBLIA NUEVOS CREYENTES.pptx
Hpetatitis A y E hjfyfhgffxffgff(2).pptx
SEGURIDAD E Higiene en el trabajo pars tldls
HISRTORIA DE KA SALUDN HABLA SOBRE LA SALUD.pptx
2 .EXPOSICIÓN_GRUPO_2. GESTIÓN_PÚBLICA..pptx
TRABAJP DE ECONOMIA . factores de producción
ANATOMÍA DEL PIE.pdfBIOSEGURIDAD.pdfBIOSEGURIDAD.pdf
CAJA HERRAMIENTAS DEMANDANTE EMPLEO V141 ILLES BALEARS.pdf
GRAN RONDA DE PREGUNTAS QUE VANA AHCER PARA OBTENER UN BENEFICIO ACADEMICO
Adaptacion, Lesion y Muerte Celular.pptx

Insertar tu propio banner en el blog

  • 1. I.E.S.T.P. Simón Bolívar INSERTAR TU PROPIO BANNER EN EL BLOG 1. Abro un Nuevo Artículo. 2. Click en Incluir Archivo: 3. Selecciono la imagen que quiero usar como banner: 4. Una vez elegida la imagen y pulsado Incluir, se abre una ventana que proporciona el código HTML necesario para pegar la imagen. Selecciono el código que corresponde a Imagen centrada, lo copio, y cierro la ventana: 5. Click en Título: 6. Pego el código HTML en la casilla Lema (o descripción corta): Ahora sólo falta guardar los cambios, y el banner estará colgado. Pero conviene tener en cuenta algunas cosas: Alex Gabriel Jimenez Página 1
  • 2. I.E.S.T.P. Simón Bolívar TÍTULO DEL BLOG Las plantillas de La Coctelera no permiten dejar en blanco la casilla de título del blog (si la dejas en blanco, aparecerá el nombre especificado en la URL). Cuando tu banner, como es mi caso, contiene también el título, puede que la repetición no quede muy bien. Para solucionar el problema, podemos cambiar el color de las letras del título, especificando para las letras el mismo color que tiene el fondo de la plantilla. Así, las letras habrán "desaparecido". Para hacer este cambio de color, sólo necesitas conocer el código del color del fondo -usando una impresión de pantalla y un editor de imágenes, como Photoshop-, y escribir una sencilla etiqueta HTML como la que muestra la imagen, en la que el código entrecomillado es el color del fondo: Alex Gabriel Jimenez Página 2
  • 3. I.E.S.T.P. Simón Bolívar TAMAÑO DEL BANNER Las dimensiones del banner deben venir determinadas por el ancho que la plantilla de tu blog determine para la cabecera. Quizá tengas que hacer varias pruebas con diversos anchos antes de dar con el óptimo. ENLACE Si quieres que tu banner sea, además, un enlace al inicio del blog, sólo tienes que copiar el código que pegaste antes en Lema, pegarlo en un Nuevo artículo, y pinchar en Enlace (especificando como URL la de tu blog). Copia todo el código resultante y pégalo de nuevo en Lema OTRAS POSIBILIDADES Puedes cambiar el tipo de letra predeterminado de la plantilla, añadiendo la etiqueta HTML correspondiente al final de la casilla Lema y dejando la etiqueta sin cerrar, tal como muestra la imagen. El entrecomillado contiene el tipo de letra que deseas usar. También puedes especificar un nuevo color: Alex Gabriel Jimenez Página 3