Category Archives: Personaliza Código

Como ver un Gadget solo en la pagina principal, Blogger


Esto sirve solo para las personas que quieran ver un gadget o widget cualquiera solamente en la página principal de blogger, osea por ejemplo, puedes insertar si quieres un tipo de publicidad en tu blog de blogger y que solamente se vea en la página principal, esto ayuda de mucho si no quieres que se vea en las demás entradas que publicas, bueno pues comencemos.

1.- Añadimos el gadget que queremos que aparezca en la página principal como por ejemplo este y le ponemos un nombre cualquiera que quieran.

gadget_main_page_1.jpg

2.- Tienes que entrar al panel de control de Blogger y después a edición HTML y expandir la plantilla de artilugios:

gadget_main_page_2.jpg

3.- Control + F y buscamos el nombre del gadget que añadiste código.

gadget_main_page_3.jpg

4.- Entonces el código del gadget sería todo esto:

  1. <b id='HTML1' title='Traffic Feed'>
  2. <b id='main'>
  3.   <!-- only display title if it's non-empty -->
  4.   <b>
  5.     <h2 class='title'></h2>
  6.   <div class='widget-content'>
  7.    
  8.   </div>...Resto del codigo....
  9.   </b>
  10. </b>

5.- Ahora justo abajo de el siguiente código:

  1. <b id='main'>

-Añadimos este código que es la principal y chiste para que el gadget aparezca en la página principal.

gadget_main_page_4.jpg

6.- Ahora para cerrar el código anterior incluimos justo arriba de este codigo:


</b:includable>

-Agregamos arriba:


</b:if>

gadget_main_page_5.jpg

7.- Por ultimo guardamos la plantilla y listo, ya podemos disfrutar de nuestro widget o gadget solamente en nuestra pagina principal.
gadget_main_page_6.jpg

Ahora puedes hacer más que un simple blog y convertirlo en lo que tu quieras hasta puedes hacer tu propia portada.

Formas de colocar la publicidad en tu blog de blogger, Primera Parte, Sidebar


Esto es importante para los que quieran generar ingresos para pagar el servidor de la web, o comprar dominios, ya que dependiendo de la posición de los anuncios se generaran mas o menos clicks. Como es el caso de Adsense.
En este post, explicaré como agregar anuncios en la sidebar.

En la Sidebar

Es bastante fácil, simplemente necesitas loguearte en http://www.blogger.com/home como siempre, luego pinchas en Layout (Diseño), donde verás el siguiente panel que muestra como están organizadas las diferentes secciones en tu blog.

instalacion_adsense_1.jpg

Ahora pinchas en Add a Gadget (Añadir un Gadget), y verás que aparece el siguiente menú, en donde encontrarás adsense:

instalacion_adsense_2.JPG

Cuando hayas pinchado sobre el link adsense, te aparecerá otro menú, en donde puedes configurar ciertas cosas, como el color, el tipo de anuncio (en el menú dice Sólo texto, Texto e Imagen), y también el tamaño de tu anuncio.

instalacion_adsense_3.jpg

Una vez que hayas guardado tus cambios, cada vez que quieras volver a editar tu anuncio simplemente tienes que volver a pinchar en editar, ya que ahora verás un bloque que se llama adsense en tu sidebar:

instalacion_adsense_4.JPG

Como resultado lo que obtendrán es un anuncio en su sidebar (barra lateral), como el que pueden ver aquí:
instalacion_adsense_5.JPG

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.

3 plantillas con estilos verdes


Widgetlike.jpg

Demo

Descargar

GreenLife.jpg

Demo

Descargar

NiceDay.jpg

Demo

Descargar

Disfruta de estas 3 templates o plantillas de blogger, para instalarlas solo tienes que descargarlas y guardarlas en tu disco duro y después ir a Blogger.com y ahí escoges tu blog y te diriges a edición html y las subes, hay un campo para subir las plantillas, lo haces y listo.

Fuente: Btemplates