Perdonen el título tan largo xDDD
Espero que les guste este efecto super cute! un pequeño bloque que se sitúa en la esquina inferior derecha del blog, & cuando pasas el mouse aparece un mensajito o el reproductor de música, lo que hayas elegido, o los dos :D
PREVIEW DEL EFECTO EN UNO DE MIS BLOGS DE PRUEBAAA!!
Si el efecto te gusta & lo quieres, sigue los siguientes pasos para tenerlo :D
Plantillas blogger: Pega el siguiente código justo arriba de ]]></b:skin>
Plantillas clásicas/blogskins: Pega el siguiente código justo arriba de </style>
<!-- Yukii Blog Bloque Flotante EMPIEZA -->.bloquecito {padding: 5px;background: #fff ;width: 30px; text-align: center; font-size: 12px; height:30px; overflow:hidden;-webkit-transition: 0.5s; -webkit-transition-duration: 0.5s;position: fixed; bottom: 10px; right: 10px;border: 3px solid #FFCAEA; "}.bloquecito:hover {width:160px;height:140px;-webkit-transition: 0.5s; -webkit-transition-duration: 0.5s;border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 0px 0px 10px 10px;}<!-- Yukii Blog Bloque Flotante TERMINA -->
Rojo: Color de fondo del bloque
Naranja: Tamaño, tipo y color del borde del bloque.
Terminas de editar, guardas & ahora pegas el siguiente código en un gadget html/javascript, pero si tienes plantilla clásica, pegalo en alguna parte del código de tu sidebar ^^
<div class="bloquecito">
<img style="padding:5px;" src="URL DE TU MINI GIF"/><br>
Aquí va tu contenido, puede ser un mensajito,tu código de un reproductor de música o una imagen ^^
</div>
Rojo: Reemplazas por la URL del mini gif que irá en el bloque.
Naranja: Reemplazas por tu contenido. Puedes poner lo que quieras, como un mensajito, código de reproductor de música, imagen, etc.
Terminas de editar, guardas & listo! Super simple :D y un resultado hermoso *.*
No hay comentarios:
Publicar un comentario