Bienvenido a mi blog. Aquí encontrarás todas las cosas que he creado e ido aprendiendo con el tiempo, útiles para ti y tu sitio web.

Galería Blogroll¿Quieres una? ¿Quieres estar en la mía?

【Dificultad】

¿Qué es el Blogroll? Un blogroll es una colección de enlaces de blogs, normalmente presentado en una columna lateral de la página web. Los autores de blogs pueden definir diferentes y variados criterios para incluir otros blogs en sus blogrolls. Habitualmente, el listado de otras direcciones de blogs se compone de direcciones que los propios autores visitan con asiduidad o a veces simplemente de páginas de blogs de amigos o cercanos. (Definición de Wikipedia).

{Tutorial}
1ro: Colocar la galería.Ve a 'Diseño → Agregar un gadget' y agrega el sgte. código... (y guarda).

<div style="text-align: center;">¿QUIERES ESTAR AQUÍ?</div>
<div class="hovergallery" style="text-align: center;"><a target="_blank" href="URL del blog"><img src="URL de img" width="50" style="border: -moz-border-radius: 14px; border-radius: 14px;" title='Nombre de blog'; /></a> <a target="_blank" href="URL del blog"><img src="URL de img" width="50" style="border: -moz-border-radius: 14px; border-radius: 14px;" title='Nombre de blog'; /></a> <a target="_blank" href="URL del blog"><img src="URL de img" width="50" style="border: -moz-border-radius: 14px; border-radius: 14px;" title='Nombre de blog'; /></a> <a target="_blank" href="URL del blog"><img src="URL de img" width="50" style="border: -moz-border-radius: 14px; border-radius: 14px;" title='Nombre de blog'; /></a></div>
 Nota  Dejo los URL de unas imágenes si gustan usarlos (^^). Si has de usar alguna otra imagen asegurate que sea una imagen cuadrada, o sea de proporciones iguales (ancho y alto iguales). Ejemplo: 50x50, 100x100, 200x200, etc.
 http://img24.imageshack.us/img24/8617/win1f.jpg
 http://img163.imageshack.us/img163/9104/win2n.jpg
2do: Colocar el efecto.   Ve a 'Plantilla → Edición de HTML'. Presiona el botón F3 y escribe ]]></b:skin y antes de este pega el sgte. código. Omite esta parte si ya tienes aplicado este efecto en tu plantilla.
3ro: Guarda todo y corre a ver como ha quedado tu blog. Debe quedar algo así (↓↓↓)

Bien es todo! ¿Que tal? ¿Les gustó? Ojala que sí!!! (ノ*´д`*Bueno es todo por ahora!!! AH!! Por cierto, en mi sección de Blogroll colocaré a mis 4 blogs favoritos. Byenee Ya saben que  les envio muchísimos besos chocolatosos (* 3*)  ....sí...sí, amo el chocolate (*-*) jejeje

17 comentarios:

  1. Me encanto *-*

    Yo lo quiero poner >.<
    Pero de que porte son las imágenes que tu hiciste :T??

    para tener una idea del porte xD

    Muchas gracias por el tuto ^^

    esta genialoso *o*

    saludos

    ResponderEliminar
    Respuestas
    1. De que parte? O.o? De dónde obtuve las imágenes? Son mias (^^) Soy megafan de Rilakkuma (no se nota? XD) así que tengo muchas fotos de él *-*

      Eliminar
    2. al porte me referia a la medida
      xDD

      50x50
      100x100 o casa asi .w. ...
      tan solo con ver tu blog me doy cuanta de que eres fan de relakkuma ~

      Eliminar
    3. Ah ya XD
      gomen! leí "parte" en lugar de "porte".

      Son de 100x100
      Pero no te preocupes que el código está adaptado para dejaslas de 50x50. Así sea la que sea el tamaño de las imágenes siempre quedará a 50x50.

      Pero si dije que deben ser del mismo alto y ancho (como el ejemplo de arriba) es para que no se deformen XD nada más eso :B

      Eliminar
    4. El efecto de Zoom se pega antes o despues de
      ]]></b:skin??

      Eliminar
    5. OMG! no me dí cuenta de que olvidé especificar eso xD

      Si Danni, es antes :B

      Eliminar
    6. ok *-*!
      muchas gracias *o*

      Listo !! ya lo puse >u<!!!

      Eliminar
  2. ya tengo los dos tutos yo ahora lo pondre n.n muchas gracias muchiiiisimas gracias

    ResponderEliminar
  3. Me resulto exelente tutorial te adoro, el efecto es hermosisimo!

    ResponderEliminar
  4. unni no podre continuar mi blog :( me denunciaron de copyright pero te dejo el link por si alcanzas a ver alguito ^_^
    http://teneraaenigma.blogspot.com/
    um... pero ta vaciito xd

    ResponderEliminar
    Respuestas
    1. Ay no que pena u.u Ya visité tu blog :3 es muy bonito X3 Espero que continúes en blogger :D

      Eliminar
  5. Lo puse y todo muy normal, las imagenes se ajustaron bien lo mismo las url de los blogs, pero no me funciona el código de zoom, se guarda perfectamente pero no funciona cuando paso el mouse :c ¿sabes por que pasa eso? no es con el primer código que me sucede u.u se guardan bien pero no funcionan cuando los pruebo u____u

    ResponderEliminar

HOME STAFF AFILIATE FOLLOW CONTACT
HOME STAFF AFILIATE FOLLOW CONTACT
Copyright© Nemuri Kuma | Powered by Blogger.
Design n' Blogger template by Kuma.