EN PLANTILLAS NUEVAS DE BLOGGER:
Hi Pequeños Viajeros!♥ Si, hoy les enseñare lo que bien explica el titulo & nos enseña la imagen. Para tener nuestro gadget de seguidores tan kawaiosamente perfecto sigamos los siguientes pasos:Vamos a Plantilla / Edición HTML / & buscas ]]></b:skin>
ARRIBA Pegas:
#Followers1 {Editamos lo marcado.
position: fixed;
top: 70px;
right: -220px;
width: 200px;
background: #fff; /* FONDO */
padding: 7px;
border-radius: 10px; /* BORDES REDONDEADOS */
opacity: 0.80;
border-left: 30px solid #c9a9ff; /* BORDE VIOLETA */
-webkit-transition: all .5s
}
#Followers1:hover {
right: 0px;
opacity: 1;
-webkit-transition: all .5s;
}
Puedes agregarle un imagen de fondo & puedes observar que el titulo sigue visible, si no lo quieres solo agrega a lo que pegaste lo siguiente:
#Followers1 h2 {
display: none;
}
EN PLANTILLA CLÁSICAS:
Para agregarlo en tu plantilla clásica PRIMERO debes conseguir el código de tu gadget de seguidores de esta forma {TUTORIAL AQUI}, luego sigue los siguientes pasos:
Vas a tu Plantilla & buscas </style>
ARRIBA pegas lo siguiente:
#Followers1-wrapper {position: fixed;top: 70px;right: -220px;width: 200px;background: #fff; /* FONDO */padding: 7px;border-radius: 10px; /* BORDES REDONDEADOS */opacity: 0.80;border-left: 30px solid #c9a9ff; /* BORDE VIOLETA */-webkit-transition: all .5s}#Followers1-wrapper:hover {right: 0px;opacity: 1;-webkit-transition: all .5s;}
Editamos lo marcado.
Puedes agregarle un imagen de fondo cambiando "background: #fff;" por "background: #fff url(URL DE TU FONDO);" & listo!♥ Disfruta de tu gadget flotante.
POST RELACIONADOS:
Posible error al utilizar este tutorial: VER!Editar el titulo del gadget de seguidores flotantes: VER!
Si utilizas este tutorial da créditos por su uso.

pimella en cumentar!!! >U>/
ResponderEliminarYeah!♥
EliminarQue lástima que no es para las otras plantillas, como me gustaria tener esa cajita ;A;
ResponderEliminarpor cierto, te queda muy bonita alli *u*
iba a preguntar una cosa tonta pero ya vi como lo tienes en el blog y la verdad es que no molesta jaja muy buen tutorial seguramente lo ponga, gracias ^^
ResponderEliminarHey! lindo lindo :3 No hay para plantillas clasicas Blogskin? pasa que Quiero tener mis Followers y no púedo :c
ResponderEliminarAmiofewf, salgo yo (?) Jajajaja, muchas gracias por esto*-* Otra cosita, te afilié en mi blog, me gustaría mucho que pudieramos hacerlo mútuamente*-* http://wearesolondon.blogspot.com.es/
ResponderEliminarHola Mell :D, gracias por pasar por mi blog y responder mi duda ^^, y si, entendí XD, suena lindo ¿tienes algún tuto de como hacerlo?, si no tienes ¿podrías hacer uno? *O*, te lo agradeceré mucho :'3, ¡saludos!<3
ResponderEliminarGracias! me funciono ^^ excelente tuto ♥♥ besos~ :3
ResponderEliminaroye disculpa ami no me sale el titulo de seguidores ? me ayudas
ResponderEliminarHola Mell, muchas gracias por el tutorial. Me encantó como queda en los blogs.
ResponderEliminarMuchos saludos.
no me sale derrepente pero ahora sii me funciona gracias!
ResponderEliminarHola, Mell a mi no me funciona el tutorial, le doy a edicion y no me aparece la palabrita ]]> ¿Ayuda?
ResponderEliminarMe sirvió bastante! solo que debí colocarlo en "widgets" y no en dónde dice, y quise ponerle título a la pestañita y nunca supe como ;O; !!
ResponderEliminarMe puedes ayudar? (a ponerle título,como tienes el tyo c:)
Se puede hacer con plantillas de blogger?,esque no me funciono.
ResponderEliminarSisi, al comienzo explica para plantillas actualizadas, al final para plantillas clásicas <3
EliminarComo hago para cambiarlo de lugar ?
ResponderEliminarSooo! Donde dice "right: -220px;" debes cambiar el "right" por el "left" al igual que donde dice "right: 0px;".
EliminarSiempre hablando del primer código que presenta el tutorial <33
Saludos! ~
Miles de Gracias :V: Pero me aparece como si fuera un gedget normal.. ¿Acaso se puede usar par cualquiera que no sea el gedget de seguidores?
EliminarSisi, puedes hacer flotar el gadget que quieras ~
EliminarSolo tienes que buscar al final de tu plantilla el nombre de tu gadget & obtener el "id". EJEMPLO:
Si tu gadget de Seguidores se llama "Pastelitos" Buscas al final de tu plantilla lo siguiente:
title="Pastelitos"
& en la misma linea veras el id de esta forma:
id="AQUI TU ID"
En el caso de el gadget de followers seria Followers1.
Entonces, para otro gadget, buscas el id & lo colocas {solo lo que seria "aquí tu id"} en el lugar de "Followers1".
Eso es todo. Si no se entiende, me avisas & hago el tutorial <33
Saludos ~
Hola cielo, quiero poner una cajita asi en mi blog, mi plantilla es sacada de blogskins, pero no quiero que sea una caja para seguidores, si no para poner un texto cualquiera, como lo hago?
ResponderEliminarHola Mari! Mas o menos se a lo que te refieres, pero no se si quieres algo flotante o como este gadget, como una "ventana oculta".
EliminarEn el blog ya hay dos "box flotantes" para reproductores de música, pero puedes utilizarlas para texto:
Box Nro1
Box Nro2
Si no te sirve ninguno, puede ser que busques algo así como esto, que donde iría el c-box, colocarías tu texto {se utiliza mucho este para eso}:
Box Nro3
Ya si esto no es lo que buscas, puedo ofrecerte un estilo de "box" como el que tengo en mi blog en este diseño, donde coloco las notas. Es como este gadget de seguidores flotantes, pero simplemente son notas.
Espero te pueda ayudar,
Saludos! ~
Y como pones la imgen?
ResponderEliminarQue imagen ¿? O:
Eliminar