Hola nuevamente ,les vengo a traer otro efecto de amigas ¡ aqui les dejo varios personalizados,como queda
PASO 1
Para Plantilla Basica o Blogger: Ir a Plantilla/Edicion Html/Buscar con Ctrl +F ]]></b:skin>Para Plantilla Clasica o Blogskin:Pegar el siguiente codigo antes de </style>
(para copiar el codigo ,selecciona todo el codigo y Presionas Ctrl+C y ya lo tienes copiado y lo pegas donde te indique )
.desamg{-webkit-transition-duration: .60s;border:3px dashed #ffaeae;border-radius:50px;}Personalizar :
.desamg:hover{-webkit-filter: blur(2px);-moz-filter: blur(2px);-ms-filter: blur(2px);-o-filter: blur(2px);filter: blur(2px);}
3:Tamaño de la linea del borde,si la quieres mas gruesa,aumenta el numero
dashed:Puedes cambiarlo a "solid" o "dotted" para mas CLIC AQUI para que veas los tipos de bordes
50:es el tamaño de los bordes redondeados, disminuye si no lo quieres tan redondo los bordes
En caso que no quieras los bordes redondeados y quieres que quede cuadrado ,solo borras este codigo:
border-radius:50px;y listo.
Para colocarlo :
PASO 2
Para Plantilla Basica o Blogger: Ir a Diseño/Añadir un gadget/HTMLJavascriptPara Plantilla Clasica o Blogskin: En el lugar que deseen poner este efecto amigas
Copian el siguiente codigo:
<a href="Url del blog de tu amiga" target="_blank"><img class="desamg" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="desamg" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="desamg" height="70" src="Url de la imagen" width="70" /></a><a href="Url del blog de tu amiga" target="_blank"><img class="desamg" height="70" src="Url de la imagen" width="70" /></a>Si quieres mas solo sige copiando este codigo despues del codigo </a> del paso 2
<a href="Url del blog de tu amiga" target="_blank"><img class="desamg" height="70" src="Url de la imagen" width="70" /></a>Para cambiar el tamaño
70:Es el tamaño de la imagen ,puedes cambiar a un numero menor para que sea un poco mas pequeña
y guardas.
Hace tiempito que quería saberlo, gracias Luniiii ♥
ResponderEliminar¡Super lindo! :3
ResponderEliminarPero no me funciona D: (Tengo plantilla clásica)
Ya me funciona ♥
Eliminarwaaa gracias por la tutorial*.*
ResponderEliminarsaludos
Que bonitos efectos ^^ gracias por el tuto :D
ResponderEliminargenial el tutorial!! me ultra encanto!! lo usare enn uno de mis blogs,ya te di creditos :)
ResponderEliminares muy bonito, creo que pronto me decidire por uno de todos estos! :3
ResponderEliminarMuy bueno, me encanto lo ocupare en mi otro blog!♥ Muchas Gracias.
ResponderEliminarpreciooooso gracias por este hermoso tuto
ResponderEliminarLindo y sencillo e.e :3
ResponderEliminarMuchos besos y se me cuida!!
Hola lunaa!! tienes un premio en mi blog owo <3
ResponderEliminarhttp://pame-kawaiiblog.blogspot.com.ar/
Esta lindo >w< pero no me funciona ;-; tengo plantilla clasica y cuando hago click a las imagenes de mis amigas me dice que no se encuentra la pagina :c
ResponderEliminarya funciona, fue error mio, gomen soy nueva en esto ^^'
Eliminar