Mi hora:




Your Ad Here

Banner con foto en encabezado de Minima Blue/Black

Categorías: Aprende lo Básico, Imágenes, Personaliza Código, Titulo, Título

27 Comentarios



Leer Este Link Antes de Navegar por el Blog: Tutorial
Mira el Post en tu plataforma: Estas en Blogger Estas en Betablogger Estas en Wordpress

Este blog es maravilloso. Sin embargo, como otros bloggeros, no habia encontrado aqui la solucion a mi problema: poner un banner con foto en el encabezado de mi blog.
La razon principal era porque el Template de mi blog (minima blue, que es igual a la de minima black) no habia sido estudiado o mencionado aqui.

Mi estrategia fue mirar en el codigo de origen de todos los blogs que me gustaban y analizar COMO LE HICIERON PARA EL SUYO (ya que nunca encontré un alma piadosa que me revelara su secreto). Despues de muchas pruebas e intentos en vano, fui radical:

1. Quité todo el parrafo del HEADER (guardando una copia en word, por si acaso). Guardé los cambios.

2. Quité un parrafo mas lejos que empieza con <h1 id="blog-title> hasta donde dice <$BlogDescription$></p> (guardando copia en word). Creo que esta justo antes de begin contents. Guardé los cambios.

3. En los parametros que me propone la admin de mi blog para el titulo y subtitulo escribi dos puntitos, asi por gusto. Guardé los cambios.

4. Después de haber disenado un bonito banner, copiando las medidas de los banners que habia visto en otros blogs (760 pix y 197 pix, pero eso ya es cuestion de gustos), lo cargué en mi blog como si fuese una imagen en un nuevo post. Copié-corté el URL (con copia en word o block de notas por si acaso). No publiqué dicho mensaje.

5. El codigo que quité (<h1 id="blog-title> hasta donde dice <$BlogDescription$></p>), lo sustitui por el url de mi banner en jpg. Asi:

<body>
<div id="header">
<div align="center">
<p>
<img src="http............jpg" border="0">
</p>
</div>   
</div>   

<!-- Begin #content -->
<div id="content">

Guardé los cambios. Miré mi blog y fui muy feliz! Ahora estoy viendo como poner un margen a todo lo largo del cuerpo del blog y como animar con muchos banners el mismo encabezado. Espero poder contarles eso muy pronto.

Espero haber ayudado.
Saludos y gracias al equipo de este blog!

Nota de Patricia Ramirez: Al eliminar <p id="description"><$BlogDescription$></p> eliminan la descripcion del blog..


Si este Post te ayudó recuerda votar por el blog En esta Página
1 votes, average: 3 out of 101 votes, average: 3 out of 101 votes, average: 3 out of 101 votes, average: 3 out of 101 votes, average: 3 out of 101 votes, average: 3 out of 101 votes, average: 3 out of 101 votes, average: 3 out of 101 votes, average: 3 out of 101 votes, average: 3 out of 10 (1 votos, promedio: 3 de 10)
Loading ... Loading ...

Post Relacionados
Imagen en el Titulo para PLANTILLA MINIMA :Aporte de Javier Salinas">Imagen en el Titulo para PLANTILLA MINIMA :Aporte de Javier Salinas
Agregar una Imagen en el Titulo a la Plantilla Minima Black">Agregar una Imagen en el Titulo a la Plantilla Minima Black
Boton Ir Arriba">Boton Ir Arriba
Como Crear un Banner">Como Crear un Banner
Post Por Hacer">Post Por Hacer


Post al Azar:


Imprime este Post Imprime este Post
Envía este Post Envía este Post



Imagen en el Titulo para PLANTILLA MINIMA :Aporte de Javier Salinas

Categorías: Aprende lo Básico, Imágenes, Personaliza Código, Plantillas, Titulo

32 Comentarios



Leer Este Link Antes de Navegar por el Blog: Tutorial
Mira el Post en tu plataforma: Estas en Blogger Estas en Betablogger Estas en Wordpress

Sería bueno que alguien comprobara esto: Me lo mando Javier.

Patricia:
primero que nada felicitaciones por tu blog de ayuda, los datos que han publicado me han servido de para "enchular" mi blog. Tambien te queria contar que encontré la forma de agregar una foto en el titulo en la plantilla minima.

En la plantilla sale algo asi:

#header {
 width:660px;
 margin:0 auto 10px;
 border:1px solid #ccc;
 }

Bueno a esto hay que agregarle los siguente:

#header {
 background:url (http://mipagina.com/imagen.jpg);
 width:660px;
 margin:0 auto 10px;
 border:1px solid #ccc;
 }

Donde http://mipagina.com/imagen.jpg es la direccion de la foto que quieren poner

Ahora si la foto es mas pequeña y no quieres que se repita hay que modificar una linea y dejarla así:

background:#fff url(http://mipagina.com/imagen.jpg) no-repeat;

Bueno ojala puedas postear esto en el blog ya que hay mucha gente que tiene esta template y no sabe como poner una foto. Me despido y ojalá sigan ayudando a los bloggers.

Saludos


Si este Post te ayudó recuerda votar por el blog En esta Página
1 votes, average: 7 out of 101 votes, average: 7 out of 101 votes, average: 7 out of 101 votes, average: 7 out of 101 votes, average: 7 out of 101 votes, average: 7 out of 101 votes, average: 7 out of 101 votes, average: 7 out of 101 votes, average: 7 out of 101 votes, average: 7 out of 10 (1 votos, promedio: 7 de 10)
Loading ... Loading ...

Post Relacionados
Como Cambiar el Titulo del Blog para Agregar una Imagen o Foto">Como Cambiar el Titulo del Blog para Agregar una Imagen o Foto
Plantillas para blogger">Plantillas para blogger
Leer Mas!!! Parte 2">Leer Mas!!! Parte 2
Agregar una Imagen en el Titulo a la Plantilla Minima Black">Agregar una Imagen en el Titulo a la Plantilla Minima Black
Banner con foto en encabezado de Minima Blue/Black">Banner con foto en encabezado de Minima Blue/Black


Post al Azar:


Imprime este Post Imprime este Post
Envía este Post Envía este Post



¿Cómo puedo crear un título para mi entrada?

Categorías: Aprende lo Básico, Funciones Menu, Titulo

Sin Comentarios



Leer Este Link Antes de Navegar por el Blog: Tutorial
Mira el Post en tu plataforma: Estas en Blogger Estas en Betablogger Estas en Wordpress

Primero debes comprobar que los titulos estan habilitados en el menu Configuración / Formato:

crear_titulo_entrada_1a.jpg

Titulos Habilitados:

crear_titulo_entrada_1b.jpg

La nueva entrada que crearás, tendrá el campo para que insertes el título del artículo:

crear_titulo_entrada_2.jpg

En general, casi todas las plantillas de blogger, despliegan el titulo del post. Pero si a pesar de haber realizado los pasos anteriores, no pasara nada, revisa las siguientes lineas en tu plantilla.
Este es el código en la plantilla que despliega el titulo de los post:

<BlogItemTitle><$BlogItemTitle$></BlogItemTitle>


Si este Post te ayudó recuerda votar por el blog En esta Página
 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 (0 votos, promedio: 0 de 10)
Loading ... Loading ...

Post Relacionados
¿Cómo puedo editar el texto que he escrito?">¿Cómo puedo editar el texto que he escrito?
¿Cómo creo un borrador de entrada?">¿Cómo creo un borrador de entrada?
¿Cómo puedo crear entradas en mi blog?">¿Cómo puedo crear entradas en mi blog?
Agregue una imagen con titulo, pero se ve el antiguo, como lo borro??">Agregue una imagen con titulo, pero se ve el antiguo, como lo borro??
¿Cómo puedo añadir mi foto a mi perfil?">¿Cómo puedo añadir mi foto a mi perfil?


Post al Azar:


Blogalaxia Tags:
Imprime este Post Imprime este Post
Envía este Post Envía este Post









Lee esto antes de Navegar por el Blog



Aquí encontrarás las explicaciones de las preguntas mas básicas para que puedas comenzar a buscar información en este blog.
Preguntas Frecuentes:

1.-¿Que es un Blog?
2.-¿Que diferencia tiene con una Página Web?
3.-¿Me sirven los Articulos de este Blog si mi blog no es de Blogger o Wordpress o es solo una web con html?
4.-¿Como encuentro la informacion que necesito en este blog?
5.-¿Cuales son los diferentes servicios o plataformas que permiten crear un Blog?
6.-¿Como conseguir un Blog Propio?
7.-¿Que es Blogger?
8.-¿Que es Blogger y Beta-Blogger (Ex-beta)? / ¿Cuales son las diferencias?
9.-¿Si me cambié a la versión Beta de Blogger, puedo volver a editar mi plantilla de la forma antigua?
10.-¿Donde consigo ayuda para personalizar un blog de Blogger?
11.-¿Que es Wordpress?
12.-¿Donde consigo ayuda para personalizar un blog de Wordpress?

(Haz click aquí para ver el artículo completo)

Links Interesantes

Gratis - Aumenta el Tráfico
de Visitas a tu Web!!!


Otros


Ranking de Post

Suscribete al Blog


Directorios


De Todo


  • Links

  • Todos los Post

    Junio 2005 (5)
    Agosto 2005 (6)
    Septiembre 2005 (11)
    Octubre 2005 (3)
    Noviembre 2005 (12)
    Enero 2006 (2)
    Febrero 2006 (3)
    Marzo 2006 (3)
    Abril 2006 (1)
    Mayo 2006 (2)
    Junio 2006 (12)
    Julio 2006 (18)
    Agosto 2006 (44)
    Septiembre 2006 (30)
    Octubre 2006 (25)
    Noviembre 2006 (12)
    Diciembre 2006 (1)
    Enero 2007 (3)
    Marzo 2007 (5)
    Abril 2007 (8)
    Mayo 2007 (11)
    Septiembre 2007 (6)
    Octubre 2007 (15)
    Noviembre 2007 (3)
    Diciembre 2007 (12)
    Enero 2008 (7)


    Licencia

    Sólo Puedes hacer referencia del material que encontrarás en este blog, esta prohibido copiar y distribuir el material de esta obra (Tanto Imágenes como Texto). No puedes usarla con fin comercial, ni alterarla, transformarla o construir sobre ésta misma otra obra.
    WP Theme & Icons por N.Design Studio This Blog is Hosted in BlueHost
    Post RSS Comentarios RSS Log in