si te gusta este efecto.. sigue los pasos siguientes
en vieja interfaz --- Ve a Diseño >> Edicion Html >> Editar plantilla
en nueva interfaz --- Nos vamos a Plantilla >> Edicion de Html >> continuar
Paso 1.-Copiamos este codigo y lo pegamos justo despues de <head>
<link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'/>
imagen guia
Paso 2.-copiamos este codigo y lo pegamos antes de ]]></b:skin>
#cboxdiv {z-index: 9999;position: fixed;bottom: -300px;left: 20px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}#cboxdiv:hover {bottom: 0px;}#cboxtitle {text-align: center;font-size: 20px;font-family: codystar;letter-spacing: 8px;color: #fff;text-shadow: 1px 1px 1px #fff;width: 180px;background-color: #aaa;padding: 3px 5px 5px 5px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
imagen guia
Para la personalizacion:
azul: este valor es para mover la cajita de lugar..puedes ponerle 40px, 80px, 100px cualquier numero hasta que quede onde tu quieres la cajita.
rosa: Tamaño del texto
Morado: Aqui puedes cambiar el estilo de letra
Naranja: Color del texto
Verde: Sombra del texto
rojo: Color del fondo del recuadro.
y por ultimo el PASO 3ve a diseno >> Elementos de pagina >> Añadir un gadget html/javascript y pegar este codigo:
<div id="cboxdiv"><div id="cboxdivinfo"><div id="cboxtitle">CHATBOX</div></div>AQUI EL CODIGO DE TU CBOX
Das guardar
NOTA.. Al ir a tu pagina cbox y recoger el codigo tendras borrar una partecita del codigo original y cambiar algunos valores.. aqui te lo muestro en imagen guia
esta parte es importante.. da clic en ella para verla en tamaño grande
si tienen alguun problema en entenderle .. no duden en preguntarme oki ^^ saludos y buen fin de semana.
Credito
hola Annyz, está genial el tuto. Puedes hacer uno de como colocar una cortinita arriba de todo del blog? como tienes tu esa rosa? gracias ^^
ResponderEliminar¡Hola Annyz! Quería preguntarte si sabes cómo crear un gif animado, me encantaría hacer uno, pero no tengo ni idea /: por favor, espero que me respondas. Besos.
ResponderEliminarwiii!! justo te iba a preguntar como hacer eso :D gracias por el tuto, una consulta se puede cambiar la imagen en la que sale el texto Chatbox? y si se pudiera hacer que parte hay que sacar o remplazar? Gracias de antemano n-n
ResponderEliminarEtto saludos para ti también y que tengas un lindo fin de semana :D
¿annyz porque quitaste el chat?
ResponderEliminarannyz mira te paso el link que tiene un cod para que cuando hagan clic derecho para copiar no pueden jajaajaj linhttp://pczeros.blogspot.com.ar/2010/06/bloquear-clic-derecho-en-blogger.htmlk:
ResponderEliminarHola annyz podrias hacer el tuto de como poner una cortinita pero a los costados del blog saludos n.n
ResponderEliminarAnnyz, hice el tuto pero no me salió bien, ¿qué pasa?
ResponderEliminarVe mi blog: http://diariotipicachica.blogspot.mx/
Hola annyz^^yo lo hice,pero no me salio asi de bien,me sale la primera conversacion,y no queda muy bonito,me ayudas? http://historiaspococorrientes.blogspot.com.es/
ResponderEliminarhola!!! linda estas nominada a mi test buscalo en la entrada! en mi blog que es : elblogdemarijunki.blogspot.com
ResponderEliminar*O*...
ResponderEliminarTe puedo hacer una petición?
Sigo intentando modernizar el código de las cajas de texto.
Podrías hacer un tutorial de como redondear sus esquinar, nombrar los distintos bordes ¿punteados, dobles, sombreados...? Colores y demás cosas que se te ocurran?
^^ Espero no ser una molestia. Ya he visto que te han vuelto a dar dolores de cabeza...
Este comentario ha sido eliminado por el autor.
ResponderEliminarAy chica, qué sería de nosotras sin ti! (en serio, gracias a tus turoriales mi blog existe) justo tengo problemas con mi cbox (no sé donde meterla en mi nuevo diseño xD) probaré con esto! lo de la scrollbar ya lo solucioné *-*
ResponderEliminarGracias y un beso! :3~
Esta muy chulo!!
ResponderEliminarporcierto como as hecho los flequitos arriba en tu blog?¿?
porfavor respondeme !!
yo ze como pero no te puedo decir :(
EliminarHola annyz! M gustaria q comentases en mi blog y q m siguieses. M gustaria mucho q m ayudases a mejorar. Este mensaje no es solo para ella, m gustaria q tod@s comentaseis y m ayudaseis. Gracias x adelantado.
ResponderEliminarAdioooss
Por cierto, donde encontraste el codogo del cbox???
ResponderEliminarGracias!
hola nena ammm el codigo lo encuentras en esta pagina:
Eliminarhttp://cbox.ws/
ahi te creas una cuenta y listo.. empiezas a hacer tu cbox y cuando este listo solo le das publish y te dara el codigo...es muy sencillo en realidad.. ^^
besos y buen fin de semana
Este comentario ha sido eliminado por el autor.
ResponderEliminarohh!!arigatou anyzz...quedo excelente en mi bloguis...esta super lindo...mechos besos.
ResponderEliminarchiao~su
annyz tu fuizte ami blog y puzizte que como ze llama la muzica de mi blog ?para zakarme una duda rezpondeme
ResponderEliminarhola talia no neni yo aun no entro a tu blog u.u
Eliminarbayaaa increibleee talvezzz lo hagaaaa ijnteresanteeee!!!! impresionaaado00zzzz yeahh!!! alcien con la blogosfera yajuuu!!!
ResponderEliminarveooo que tegusta el html increibleee jamazzz aviaaa visto anadien que definiera vien el estilo del html como debe ser yeahh!!!!
impresionanteee netaa bien rifado00n siguee al millon y tendrazz mas chekbox al cien yeahh!!!! saludo0zzzz estamos presentezz y epndientes
Hola annyz porfavor ayudame,se que ya te he pedido que me ayudaras otra vez pero es que mi blog era muy importante para mi y lo desarme no se porque con ese truco ce entrada "clicka para entrar" se me sali otodo todo quedo horrible ayudame! Porfavor :'C
ResponderEliminarhola frezhita no te preocupes, no me molesta para nada el estarte ayudando en serio asi que tu no te preocupes.. respecto a lo del codigo que pusiste.. yo te recomiendo siempre al poner algo nuevo a tu codigo de plantilla des vista previa o guardes tus plantilla antes de hacer cambios.. pues suelen descomponerse si no sabes como poner los codigos.. u.u espero me entiendas..
Eliminarpero como te dije la vez pasada si un codigo no te resulta solo borralo y listo n.n saludos
Hola Annyz! :)
ResponderEliminarNo me sale bien T.T Se queda el nombre de Chatbox debajo del todo y se ve cuando sale todo el chat para arriba, y en vez de eso se ven los comentarios del chat u.u. no se si me explico, en vez de que ponga en la esquinita chatbox salen un trocito de los comentarios y el chatbox sale abajo del todo. abre hecho algo mal T.T ¿como lo arreglo?
Muchas gracias por todo ^^
sip si te entiendo.. seguramente los valores estan mal... seguiste la imagen guia? no te preocupes si gustas quitalo y en estos dias hare otro tuto con un efecto similar pero mas sencillo ^^
EliminarHola!
ResponderEliminarMe gusta mucho los efectos en chat box ^^ Yo voy hacer cuando add mi c-box otra vez en mi blog.
Besitos...
ay chica... ahora la tal batataflor me está copiando a mi -_- mocosas estas... en fin, espero que sigas subiendo cositas :3~
ResponderEliminarHola! me encanta este efecto pero yo lo quisiera poner solo en las fotos .. en las imagenes .. se puede ? va asi como tenes voz ....
ResponderEliminarque tonta yo queria ese de que dan vuelta las imagenes xdd
Eliminarhola erii este tutorial lo encuentras en la categoria tutoriales se llama post recientes
EliminarLady Annyz muchas gracias! Pero tengo un problemilla, cuando coloco el código y todo es maravilloso, el fondo de la CBox es transparente, y no se ven nadita las letras, es decir, tiene el fondo del blog y no se ve nada ;_; no tiene las lineas blancas y verdes (Que quiciera que fueran de otro color xD) plz ayuda Lady Annyz ;3;
ResponderEliminarXoXoXo
amm para personalizar los colores de tu cbox ve tu pagina de cbox y editalo a tu gusto nena.. ahi le puedes poner el color de fondo que tu quieras te paso la pagina:
Eliminarhttp://cbox.ws/
Anny tengo un problema con el chat!! me aparece 2 veces que ago?? responde
ResponderEliminarammmm borraste el primer codigo del cbox que tenias antes de poner este nuevo?
Eliminarcual es el codigo cbox? de donde lo saco?o:
ResponderEliminarhola stefani. el codigo del cbox te lo da a la hora de hacer tu cbox.. mira visita esta pagina
Eliminarhttp://cbox.ws/
ahi haces tu cbox y al terminar te dara un codigo
No entendi la ultima!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
ResponderEliminar