All posts by patriram

About 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 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.

Links que se abren en paginas nuevas

Aprende lo Básico, Links/Vínculos

Esto es aplicable a cualquier Plataforma de Blogs
Como hacer para que los links (referencias) se abran en otras paginas y nuestros lectores no salgan del blog, cada vez que pinchan sobre uno de estos links.
Lo unico que deben hacer es agregar un comando dentro de la referencia de tal manera, que el resultado es la segunda linea:

< View plain text >
HTML

  1. <a href="http://www.google.cl">Google</a>  SE ABRE EN LA MISMA PAGINA
  2. <a href="http://www.google.cl" target="_blank">Google</a> SE ABRE EN OTRA PAGINA

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 eliminar la Barra de Blogger “Navbar”

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 <b:skin><![CDATA[/*.
Este es la linea de código:

< View plain text >
css

  1. #navbar-iframe {
  2. height:0px;
  3. visibility:hidden;
  4. display:none;
  5. }

Esta es una imagen de ejemplo, para los que todavía dudan:
Dibujo10.jpg
Quedaría así:

Dibujo11.JPG

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.