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

La actualidad más candente

Html00000
Html00000Html00000
Html00000
pxndxpoveda
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
lazercat
 
Qué es html
Qué es htmlQué es html
Qué es htmledujoso
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandraTatianita Is
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina webkaren_malik
 
HT 2-4
HT 2-4HT 2-4
HT 2-4
LuisIxcot
 
Daniela Vera
Daniela VeraDaniela Vera
Daniela VeraDanivera
 
Etiquetas con sparklee
Etiquetas con sparkleeEtiquetas con sparklee
Etiquetas con sparklee
Ing. Ana Zakelj
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
jdmerchanp0302
 
Crear Pagina Web
Crear Pagina WebCrear Pagina Web
Crear Pagina Web
Nicolas Esguerra
 

La actualidad más candente (14)

Html00000
Html00000Html00000
Html00000
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Expo html alexa
Expo html alexaExpo html alexa
Expo html alexa
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
 
Tutorial 4: Insertar un traductor en tu blog
Tutorial 4:  Insertar un traductor en tu blogTutorial 4:  Insertar un traductor en tu blog
Tutorial 4: Insertar un traductor en tu blog
 
HT 2-4
HT 2-4HT 2-4
HT 2-4
 
Explicacion html
Explicacion htmlExplicacion html
Explicacion html
 
Daniela Vera
Daniela VeraDaniela Vera
Daniela Vera
 
Etiquetas con sparklee
Etiquetas con sparkleeEtiquetas con sparklee
Etiquetas con sparklee
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Crear Pagina Web
Crear Pagina WebCrear Pagina Web
Crear Pagina Web
 

Destacado

Protegiendo a los menores
Protegiendo a los menoresProtegiendo a los menores
Protegiendo a los menores
Virginia Guerrero Peral
 
Cómo insertar códigos prediseñados (embed) en Blogger.com
Cómo insertar códigos prediseñados (embed) en Blogger.comCómo insertar códigos prediseñados (embed) en Blogger.com
Cómo insertar códigos prediseñados (embed) en Blogger.com
Juan Ruffino
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great Infographics
SlideShare
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization
Oneupweb
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
Empowered Presentations
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShare
Kapost
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
Content Marketing Institute
 
You Suck At PowerPoint!
You Suck At PowerPoint!You Suck At PowerPoint!
You Suck At PowerPoint!
Jesse Desjardins - @jessedee
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...SlideShare
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare
SlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShare
SlideShare
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & Tricks
SlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
SlideShare
 

Destacado (14)

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

Similar a Insertar tu propio banner en el blog

Trabajo práctico nº 8
Trabajo práctico nº 8Trabajo práctico nº 8
Trabajo práctico nº 8GuadaZapata
 
Felipe blog yañez
Felipe blog yañezFelipe blog yañez
Felipe blog yañezFelipeyz
 
Felipe blog yañez
Felipe blog yañezFelipe blog yañez
Felipe blog yañez
Felipeyz
 
como crear mi blog tutorial yañez
como crear mi blog tutorial yañezcomo crear mi blog tutorial yañez
como crear mi blog tutorial yañezFelipeyz
 
Trabajo practico nº2
Trabajo practico nº2Trabajo practico nº2
Trabajo practico nº2Vicky Grosso
 
Presentación del blog
Presentación del blogPresentación del blog
Presentación del blogjoneg1992
 
El Escritoriodel Blog
El Escritoriodel BlogEl Escritoriodel Blog
El Escritoriodel Blog
Miguel Sanz
 
Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)rociomaidana
 
Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)alvarofriasgordin
 
Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)alvarofrias2012
 
Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)solanagp
 
Trabajo practico 8 de informatica
Trabajo practico  8 de informaticaTrabajo practico  8 de informatica
Trabajo practico 8 de informaticataniafigueroa2012
 
Examen tutoriales
Examen tutorialesExamen tutoriales
Examen tutorialesjadci
 
Trabajo práctico nº 8
Trabajo práctico nº 8Trabajo práctico nº 8
Trabajo práctico nº 8danavarro2012
 

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

Trabajo práctico nº 8
Trabajo práctico nº 8Trabajo práctico nº 8
Trabajo práctico nº 8
 
Felipe blog yañez
Felipe blog yañezFelipe blog yañez
Felipe blog yañez
 
Felipe blog yañez
Felipe blog yañezFelipe blog yañez
Felipe blog yañez
 
como crear mi blog tutorial yañez
como crear mi blog tutorial yañezcomo crear mi blog tutorial yañez
como crear mi blog tutorial yañez
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 
Trabajo practico nº2
Trabajo practico nº2Trabajo practico nº2
Trabajo practico nº2
 
Presentación del blog
Presentación del blogPresentación del blog
Presentación del blog
 
El Escritoriodel Blog
El Escritoriodel BlogEl Escritoriodel Blog
El Escritoriodel Blog
 
Solana andole 8
Solana andole  8Solana andole  8
Solana andole 8
 
Solana andole 8
Solana andole  8Solana andole  8
Solana andole 8
 
Creacion blog DBL
Creacion blog DBLCreacion blog DBL
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 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 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 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 8Trabajo practico 8
Trabajo practico 8
 
Trabajo practico 8 de informatica
Trabajo practico  8 de informaticaTrabajo practico  8 de informatica
Trabajo practico 8 de informatica
 
Examen tutoriales
Examen tutorialesExamen tutoriales
Examen tutoriales
 
Trabajo práctico nº 8
Trabajo práctico nº 8Trabajo práctico nº 8
Trabajo práctico nº 8
 

Último

Elaboración, implementación y evaluación del PCI para la gestión pedagógica d...
Elaboración, implementación y evaluación del PCI para la gestión pedagógica d...Elaboración, implementación y evaluación del PCI para la gestión pedagógica d...
Elaboración, implementación y evaluación del PCI para la gestión pedagógica d...
moshe jonathan
 
PLAN DE BACHEO 2024+PROCEDIMIENTO modificado.pdf
PLAN DE BACHEO 2024+PROCEDIMIENTO modificado.pdfPLAN DE BACHEO 2024+PROCEDIMIENTO modificado.pdf
PLAN DE BACHEO 2024+PROCEDIMIENTO modificado.pdf
SeguimientoSoporte
 
CONSOLIDADO DE CLASES DE DERECHOS REALES.pptx
CONSOLIDADO DE CLASES DE DERECHOS REALES.pptxCONSOLIDADO DE CLASES DE DERECHOS REALES.pptx
CONSOLIDADO DE CLASES DE DERECHOS REALES.pptx
ChristianMejiaM
 
欧洲杯投注app-欧洲杯投注app推荐-欧洲杯投注app| 立即访问【ac123.net】
欧洲杯投注app-欧洲杯投注app推荐-欧洲杯投注app| 立即访问【ac123.net】欧洲杯投注app-欧洲杯投注app推荐-欧洲杯投注app| 立即访问【ac123.net】
欧洲杯投注app-欧洲杯投注app推荐-欧洲杯投注app| 立即访问【ac123.net】
larisashrestha558
 
Régimen de licencias docente Santa Cruz.pdf
Régimen de licencias docente Santa Cruz.pdfRégimen de licencias docente Santa Cruz.pdf
Régimen de licencias docente Santa Cruz.pdf
colegio271
 
REGLAMENTO DE FALTAS DISCIPLINARIAS Y SUS CASTIGOS CUADROS.doc
REGLAMENTO DE FALTAS DISCIPLINARIAS Y SUS CASTIGOS CUADROS.docREGLAMENTO DE FALTAS DISCIPLINARIAS Y SUS CASTIGOS CUADROS.doc
REGLAMENTO DE FALTAS DISCIPLINARIAS Y SUS CASTIGOS CUADROS.doc
v74524854
 
ACTUALIZADO 2DO CONTENIDOS, PDA Y PROYECTOS 2.pdf
ACTUALIZADO 2DO CONTENIDOS, PDA Y PROYECTOS 2.pdfACTUALIZADO 2DO CONTENIDOS, PDA Y PROYECTOS 2.pdf
ACTUALIZADO 2DO CONTENIDOS, PDA Y PROYECTOS 2.pdf
EnyberMilagros
 
Explora el boletín del 27 de mayo de 2024
Explora el boletín del 27 de mayo de 2024Explora el boletín del 27 de mayo de 2024
Explora el boletín del 27 de mayo de 2024
Yes Europa
 
Explora el boletín del 3 de junio de 2024
Explora el boletín del 3 de junio de 2024Explora el boletín del 3 de junio de 2024
Explora el boletín del 3 de junio de 2024
Yes Europa
 
Pobreza en el Perú en 2023 - Industrias Alimentarias
Pobreza en el Perú en 2023 - Industrias Alimentarias Pobreza en el Perú en 2023 - Industrias Alimentarias
Pobreza en el Perú en 2023 - Industrias Alimentarias
melanychacnama
 
Guía de anestesia general para enfermería
Guía de anestesia general para enfermeríaGuía de anestesia general para enfermería
Guía de anestesia general para enfermería
DanielaCarbajalAquis
 

Último (11)

Elaboración, implementación y evaluación del PCI para la gestión pedagógica d...
Elaboración, implementación y evaluación del PCI para la gestión pedagógica d...Elaboración, implementación y evaluación del PCI para la gestión pedagógica d...
Elaboración, implementación y evaluación del PCI para la gestión pedagógica d...
 
PLAN DE BACHEO 2024+PROCEDIMIENTO modificado.pdf
PLAN DE BACHEO 2024+PROCEDIMIENTO modificado.pdfPLAN DE BACHEO 2024+PROCEDIMIENTO modificado.pdf
PLAN DE BACHEO 2024+PROCEDIMIENTO modificado.pdf
 
CONSOLIDADO DE CLASES DE DERECHOS REALES.pptx
CONSOLIDADO DE CLASES DE DERECHOS REALES.pptxCONSOLIDADO DE CLASES DE DERECHOS REALES.pptx
CONSOLIDADO DE CLASES DE DERECHOS REALES.pptx
 
欧洲杯投注app-欧洲杯投注app推荐-欧洲杯投注app| 立即访问【ac123.net】
欧洲杯投注app-欧洲杯投注app推荐-欧洲杯投注app| 立即访问【ac123.net】欧洲杯投注app-欧洲杯投注app推荐-欧洲杯投注app| 立即访问【ac123.net】
欧洲杯投注app-欧洲杯投注app推荐-欧洲杯投注app| 立即访问【ac123.net】
 
Régimen de licencias docente Santa Cruz.pdf
Régimen de licencias docente Santa Cruz.pdfRégimen de licencias docente Santa Cruz.pdf
Régimen de licencias docente Santa Cruz.pdf
 
REGLAMENTO DE FALTAS DISCIPLINARIAS Y SUS CASTIGOS CUADROS.doc
REGLAMENTO DE FALTAS DISCIPLINARIAS Y SUS CASTIGOS CUADROS.docREGLAMENTO DE FALTAS DISCIPLINARIAS Y SUS CASTIGOS CUADROS.doc
REGLAMENTO DE FALTAS DISCIPLINARIAS Y SUS CASTIGOS CUADROS.doc
 
ACTUALIZADO 2DO CONTENIDOS, PDA Y PROYECTOS 2.pdf
ACTUALIZADO 2DO CONTENIDOS, PDA Y PROYECTOS 2.pdfACTUALIZADO 2DO CONTENIDOS, PDA Y PROYECTOS 2.pdf
ACTUALIZADO 2DO CONTENIDOS, PDA Y PROYECTOS 2.pdf
 
Explora el boletín del 27 de mayo de 2024
Explora el boletín del 27 de mayo de 2024Explora el boletín del 27 de mayo de 2024
Explora el boletín del 27 de mayo de 2024
 
Explora el boletín del 3 de junio de 2024
Explora el boletín del 3 de junio de 2024Explora el boletín del 3 de junio de 2024
Explora el boletín del 3 de junio de 2024
 
Pobreza en el Perú en 2023 - Industrias Alimentarias
Pobreza en el Perú en 2023 - Industrias Alimentarias Pobreza en el Perú en 2023 - Industrias Alimentarias
Pobreza en el Perú en 2023 - Industrias Alimentarias
 
Guía de anestesia general para enfermería
Guía de anestesia general para enfermeríaGuía de anestesia general para enfermería
Guía de anestesia general para enfermería
 

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