Tag Archives: html

Fotos de los comentaristas, Blogger

Esto es para mostrar imágenes para los comentaristas, ya sea de nosotros, los usuarios anónimos y los demás usuarios. Necesitaremos tres imágenes, uno para nuestros comentarios, otro para los comentarios anónimos y otro para el resto de los comentarios.

1.- Debemos de localizar en nuestro panel de blogger en edición html el siguiente codigo:

-hasta a donde termina:

</b:if>

-Por ejemplo en el mio es así:

  1. <b>
  2. <a rel='nofollow'></a>
  3. <b />
  4.  
  5. </b>

2.- Tienes que reemplazar todo ese codigo por este:

  1. <b>
  2. <!-- autor reconocido -->
  3. <b>
  4. <!-- mis propios comentarios -->
  5. <img class='comenta-avatar' src='URL_imagenYO' />
  6. <b />
  7. <!-- comentarios de los visitantes -->
  8. <img class='comenta-avatar' src='URL_imagenOTROS' />
  9. </b>
  10. <a rel='nofollow'>
  11.  
  12. </a>
  13. <b />
  14. <!-- comentarios anónimos -->
  15. <img class='comenta-avatar' src='URL_imagenANONIMO' />
  16.  
  17. </b>

* En donde dice:

  1. <!-- autor reconocido -->
  2. <b>

Mi_alias lo tienes que cambiar por tu nombre de autor

*En donde dice:

  1. <!-- mis propios comentarios -->
  2. <img class='comenta-avatar' src='URL_imagenYO' />
  3. <b />

URL_imagenYO – lo tienes que cambiar por la imágen que quieres que aparesca en tus propios comentarios. Con extensión .jpg

*En donde dice:

  1. <!-- comentarios de los visitantes -->
  2. <img class='comenta-avatar' src='URL_imagenOTROS' />
  3. </b>

URL_imagenOTROS – lo tienes que cambiar por la imágen con extensión .jpg que quieras que aparesca en comentarios de otras personas con otras cuentas, ejemplo wordpress, OpenID etc.

*En donde dice

  1. <!-- comentarios anónimos -->
  2. <img class='comenta-avatar' src='URL_imagenANONIMO' />
  3.  
  4. </b>

URL_imagenANONIMO – Lo tienes que cambiar por una imágen extension .jpg que quieras que aparesca en los comentarios de los que se registren como anonimos.

Agregar Metatags para indexarse mejor a Google, Blogger


Cuando elaboramos nuestro Website o blog, una de las primeras inquietudes que nos surge, que deseamos solucionar con la mayor brevedad posible, es querer que nuestro trabajo, esfuerzo, escritos etc. tenga presencia en los distintos buscadores: motores de búsqueda. Es muy lógico que sea así, pues con ello nos “aseguramos” tener un mayor número de visitas. Por otra parte, todos queremos estar bien posicionados en los motores de búsqueda.

Una forma de posicionarse bien en los motores de búsquedas como google es agregando Metatags, que son como las claves que ponemos para que google las busque y conozca mejor la temática de tu sitio:

Un ejemplo de los metatags de mi sitio Series-Anime.net:

  1. <!--©2008 Series-anime.net-->
  2.  
  3. <title>Series-anime.net</title>

*Edita el anterior código conforme a tu blog y debes añadir las meta-tags siempre bajo la etiqueta de apertura .

–Una forma más simple de agregar metatags en el blog es de la siguiente manera–

1.-Entra a tu panel de blogger y te vas a plantilla y después a edición HTML.

metatags_index_google_1.jpg

2.- Tienes que buscar el siguiente código:


<title><data:blog.pageTitle/></title>

3.- Bajo a este código tienes que pegar los siguientes metatags:

  1. <!-- Metatags de la página principal -->
  2. <b>
  3.  
  4.  
  5. </b>
  6.  
  7. <!-- Metatags de cada página de etiquetas -->
  8. <b>
  9.  
  10.  
  11. </b>

4.- Claro que antes que pegarlo tienes que completar lo que te dice, según la descripción de tu blog. Un ejemplo si quedará en mi sitio series-anime.net

  1. <!-- Metatags de la página principal -->
  2. <b>
  3.  
  4.  
  5. </b>
  6.  
  7. <!-- Metatags de cada página de etiquetas -->
  8. <b>
  9.  
  10.  
  11. </b>

-Ahora a los bots de google les será mas fácil encontrar tu Website y este se colocará en lugares más prestigiosos.

metatags_index_google_2.jpg

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.