SlideShare uma empresa Scribd logo
1 de 3
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados (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
 

Destaque

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.comJuan Ruffino
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great InfographicsSlideShare
 
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 OptimizationOneupweb
 
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 SlideshareEmpowered Presentations
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShareKapost
 
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 MarketingContent Marketing Institute
 
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 - SlideShareSlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShareSlideShare
 
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 & TricksSlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShareSlideShare
 

Destaque (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
 

Semelhante 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ñezFelipeyz
 
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 BlogMiguel 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)alvarofrias2012
 
Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)solanagp
 
Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)Trabajo practico n 8.(informatica)
Trabajo practico n 8.(informatica)alvarofriasgordin
 
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
 

Semelhante 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

1. PRESENTACION COSMOBIOLOGIA.pdf ler el texto
1. PRESENTACION COSMOBIOLOGIA.pdf  ler el texto1. PRESENTACION COSMOBIOLOGIA.pdf  ler el texto
1. PRESENTACION COSMOBIOLOGIA.pdf ler el textoangelcajo31
 
¡Explora el boletín del 29 abril de 2024!
¡Explora el boletín del 29 abril de 2024!¡Explora el boletín del 29 abril de 2024!
¡Explora el boletín del 29 abril de 2024!Yes Europa
 
-PEIC-NUEVO de plantel educativo Venezuela
-PEIC-NUEVO de plantel educativo Venezuela-PEIC-NUEVO de plantel educativo Venezuela
-PEIC-NUEVO de plantel educativo VenezuelaJESUS341998
 
CONTRATO DE TRABAJO, remuneraciones y otros datos
CONTRATO DE TRABAJO, remuneraciones y otros datosCONTRATO DE TRABAJO, remuneraciones y otros datos
CONTRATO DE TRABAJO, remuneraciones y otros datosJENNIFERBERARDI1
 
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICOMODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICOIreneGonzalez603427
 
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdf
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdfUñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdf
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdfCinthiaRivera31
 
FASES DE LA CONSULTORÍA- parte 1aa.pptx
FASES DE LA CONSULTORÍA- parte 1aa.pptxFASES DE LA CONSULTORÍA- parte 1aa.pptx
FASES DE LA CONSULTORÍA- parte 1aa.pptx10ColungaFloresJosSa
 
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdfDIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdfhugorebaza00
 
Patologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdfPatologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdfNATHALIENATIUSHKAESP
 

Último (9)

1. PRESENTACION COSMOBIOLOGIA.pdf ler el texto
1. PRESENTACION COSMOBIOLOGIA.pdf  ler el texto1. PRESENTACION COSMOBIOLOGIA.pdf  ler el texto
1. PRESENTACION COSMOBIOLOGIA.pdf ler el texto
 
¡Explora el boletín del 29 abril de 2024!
¡Explora el boletín del 29 abril de 2024!¡Explora el boletín del 29 abril de 2024!
¡Explora el boletín del 29 abril de 2024!
 
-PEIC-NUEVO de plantel educativo Venezuela
-PEIC-NUEVO de plantel educativo Venezuela-PEIC-NUEVO de plantel educativo Venezuela
-PEIC-NUEVO de plantel educativo Venezuela
 
CONTRATO DE TRABAJO, remuneraciones y otros datos
CONTRATO DE TRABAJO, remuneraciones y otros datosCONTRATO DE TRABAJO, remuneraciones y otros datos
CONTRATO DE TRABAJO, remuneraciones y otros datos
 
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICOMODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
 
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdf
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdfUñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdf
Uñas en Gel emprendedores CURSO-DE-UNAS-ACRILICAS.pdf
 
FASES DE LA CONSULTORÍA- parte 1aa.pptx
FASES DE LA CONSULTORÍA- parte 1aa.pptxFASES DE LA CONSULTORÍA- parte 1aa.pptx
FASES DE LA CONSULTORÍA- parte 1aa.pptx
 
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdfDIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
 
Patologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdfPatologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdf
 

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