Va em >> Editar HTML >>
passo 1.
Copie e cole este código logo após <head>
<link href = "http: família = Codystar //fonts.googleapis.com/css" rel = "stylesheet" type "= text / css" />
imagem guia
passo 2.
copie este código e cole antes de]]> </ b: skin>
#cboxdiv {
z-index: 9999;
posição: fixo;
bottom: -300px;
left: 20px;
webkit-transition: todos os 1s ease-in-out;
-moz-transição: todos os 1s ease-in-out;
-o-transição: todos os 1s ease-in-out;
transição: todos os 1s ease-in-out;
}
#cboxdiv: hover {
bottom: 0px;
}
#cboxtitle {
text-align: center;
font-size: 20px;
font-family: codystar;
letter-spacing: 8px;
Cor: # 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;
}
imagem guia
e, finalmente, o PASSO 3
Vá em >> layout >> Adicionar gadget de html javascript / e cole o seguinte código:
<div id = "cboxdiv">
<div id = "cboxdivinfo">
<div id = "cboxtitle"> chat </ div>
</ div>
CÓDIGO AQUI SEU Cbox
e agora salve.
NOTA .. Indo para pegar sua página de código cbox e você vai ter que apagar uma pequena parte do código original e mudar alguns valores .. aqui eu mostro na guia imagem
esta parte é importante .. clique sobre ele para ver o tamanho grande
passo 1.
Copie e cole este código logo após <head>
<link href = "http: família = Codystar //fonts.googleapis.com/css" rel = "stylesheet" type "= text / css" />
imagem guia
passo 2.
copie este código e cole antes de]]> </ b: skin>
#cboxdiv {
z-index: 9999;
posição: fixo;
bottom: -300px;
left: 20px;
webkit-transition: todos os 1s ease-in-out;
-moz-transição: todos os 1s ease-in-out;
-o-transição: todos os 1s ease-in-out;
transição: todos os 1s ease-in-out;
}
#cboxdiv: hover {
bottom: 0px;
}
#cboxtitle {
text-align: center;
font-size: 20px;
font-family: codystar;
letter-spacing: 8px;
Cor: # 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;
}
imagem guia
e, finalmente, o PASSO 3
Vá em >> layout >> Adicionar gadget de html javascript / e cole o seguinte código:
<div id = "cboxdiv">
<div id = "cboxdivinfo">
<div id = "cboxtitle"> chat </ div>
</ div>
CÓDIGO AQUI SEU Cbox
e agora salve.
NOTA .. Indo para pegar sua página de código cbox e você vai ter que apagar uma pequena parte do código original e mudar alguns valores .. aqui eu mostro na guia imagem
esta parte é importante .. clique sobre ele para ver o tamanho grande
Nenhum comentário:
Postar um comentário