Category Archives: Classic Blogger

Como Crear un Banner

Aprende lo Básico, Blogger, Classic Blogger, Crear Banners, Imágenes, Plataformas, Servicios para Blogs, Todas, Wordpress

Esto es aplicable a cualquier Plataforma de Blogs.
Un banner no es mas que una imagen, que al pinchar sobre ella nos lleva hacia otra pagina. Algunos son mas sofisticados, y puedes ajustar algunas cosas, pero lo basico es tener tu imagen (tipicamente un rectangulo pequeño que entra en la sidebar).

Para WordPress u Otros:
Luego puedes subir la imagen a cualquier servidor de imágenes gratuito. Puedes revisar el siguiente Post: Paginas para Subir Archivos
Y finalmente agregar la referencia hacia la pagina que quieres que vaya:

Para Blogger:
Puedes subir la imagen con el mismo blogger dentro de una entrada que puedes dejar como borrador, o con Picassa u otro servidor de imágenes.

Puse una imagen grande porque para que iva a estar creando otra, si es lo mismo, ustedes lo hacen con la de ustedes

< View plain text >
HTML

  1. <a href="http://animeguidezone.com"><img src="http://animeguidezone.com/animeblog/wp-content/uploads/2006/10/mai hime/bscap0001.jpg" /></a>
  2. <a href="http://www.direcciondelapagina.com"><img src="http://direccion-de-la-foto-en-el-servidor-que-utilizaron.com/foto.jpg" /></a>

El resultado de la primera linea es el siguiente acuerdense que si quieren abrir en otra pagina deben agregar el comando target…, quedando así el codigo:

< View plain text >
HTML

  1. <a href="http://animeguidezone.com" target="_blank"><img src="http://animeguidezone.com/animeblog/wp-content/uploads/2006/10/mai hime/bscap0001.jpg" /></a>

Y como resultado de lo último, es lo que tenemos a continuacion, esto lo pueden ubicar en cualquier lugar, post, sidebar, titulo, en donde quieran:

Para agregarlo en la sidebar deben editar el archivo sidebar.php y simplemente copiar el codigo en alguna parte de ese archivo…
Suerte!!!

patriram
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Como cambiar el encabezado de tu blog?, Classic-Blogger

Classic Blogger, Personaliza Código, Plataformas, Título

Para cambiar el texto de la cabecera de tu blog por una imagen es muy sencillo lo primero que tienes que hacer es lo siguiente:
Primero debes de tener la imagen en algun servidor de alojamiento de archivos
Una vez subido el archivo a internet copia la url de de el mismo, colocala en algun procesador de texto como bloc de notas word o el que prefieras
!!Atencion no cierres el procesador donde tienes pegado la url de la imagen!!!!
Una vez hecho esto ve a la plantilla de tu blog y busca

< View plain text >
HTML

  1. <div id="header">
  2. <h1 id="blog-title">
  3.  
  4. <a href=""></a>
  5.  
  6.  
  7.  
  8.  
  9. </h1>
  10. <p id="description">
  11.  
  12. </p>
  13. </div>

Borra todo lo que se encuentra entre

< View plain text >
HTML

  1. <div id="header"> y  </div>

De tal forma que quede asi

< View plain text >
HTML

  1. <div id="header">
  2. </div>

Ahora lo que haras es poner ahi la url de la imagen que subiste (recuerdas la que tienes en el procesador de textos)
De tal forma que te quede asi:

< View plain text >
HTML

  1. <div id="header">
  2. <a title="titulo de tu blog" href="aqui">
  3. <img height="tamano" alt="titulo de tu blog" src="link" width="tamano" />
  4. </a>
  5. </div>

Y eso seria todo si seguiste estos pasos tu imagen deberia de verse en la parte superior de tu blog
Tips
Las medidas de el encabezado de blogger son aproximadamente
Width=”700px;”
Eight=”200px;”
No olvides colocar el punto y coma al final de px si no no resultara

!!Espero que les sirva¡¡¡

lost

Como eliminar la Barra de Blogger “Navbar”, Classic Blogger

Classic Blogger, Personaliza Código, Plantillas, Plataformas

Aunque no lo recomiendo por su utilidad, los que quieran hacerlo deben agregar una linea de codigo, despues de la etiqueta <style type=”text/css”>.
Este es la linea de código:

< View plain text >
css

  1. #b-navbar {visibility:hidden;}

De esta manera se oculta la barra de Blogger, que en algunas plantillas molesta..

patriram
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.