Créditos: ♥- Gente, visitem o blog lindo de bonito da Vitória, o Viih's Design! Ele é muito bom :3
Sim, caras leitoras, finalmente o tutorial de como colocar a caixinha deslizante. Já
Você pode colocar qualquer coisa nessa caixinha, não só o ask.fm, pode ser também
antes e depois de clicar
Vamos lá?Vá no seu blog e clique em Layout>Adicionar Gadget> HTML/Javascript e cole nele o seguinte código:
<style type="text/css">#gb{position:fixed;top:100px;margin-left: -100px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:101px;width:50px;float:left;cursor:pointer;background:url('URLDAIMAGEM') no-repeat;}.gbcontent{float:left;border: 2px; solid #CORDABORDA;background:#CORDEFUNDO;padding:10px;}</style><script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">Código da Cbox aqui.<div style="text-align:right"><a href="javascript:showHideGB()">[fechar]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (140-gb.offsetWidth).toString() + "px";</script>Agora vamos ás mudanças! O que está sublinhado é o espaço que a sua caixinha flutuante/deslizante vai ter do topo do seu blog e do lado esquerdo (
E como eu quero ser legal trouxe algumas imagens pra vocês usarem! Usem e abusem, ok? Caso vão fazer as suas próprias tentem não copiar a minha, sejam criativos.
Post completo por Piink Cookie. Todos os direitos reservados. Copyright 2012. Plágio é crime.
É isso. Beijinhos com glitter :*
Hihi* Ótimo tutorial! O resultado é super prático porque não ocupa muito espaço. :)
ResponderExcluirBom que gostou, Buuh!
Excluirótimo tutorial paula rsrs
ResponderExcluirbeijãao
Nyaaaaaaaaaaaaaaaa , sua deusa do html ~o~ thanks baby !
ResponderExcluirOoown, brigada ><
ExcluirDisponha, viu? :3
Já vi o tutorial, é bem facinho de fazer, e vou ver se utilizo no novo layout do blog. Um beijo.
ResponderExcluirhttp://world-cutest.blogspot.com.br/
Super concordo! Okok, Anna :3
Excluir~ le , as mina pira no tuto da Paulinha .
ResponderExcluir-http://blog-foreverpretty(.blogspot.)com.br/ retire os parênteses (ou clique no perfil) . Kissuuuuuus
Aaawn ><
ExcluirSimplesmente tenho que elogiar este blog, ele é muito original, muito perfeito. Já tenho uma amizade com vocês, donas do blog.. olha que maravilha, um blog me trouxe várias amigas!. kkkk. ADOREI o tutorial, muito original, não tenho ask, mas sempre quis fazer algo neste estilo para a c-box do Facebook.
ResponderExcluirHoje no Acesso Permitido, está publicada a primeira postagem do F.Click, uma postagem com contém uma lista de quatro blogs que conheço há muito tempo e que admiro muito, é uma oportunidade de conhecer novos blogs, que não sinônimos de novos leitores, seguidores, visitantes, blogueiros e principalmente de novos amigos. Um beijo e um grande abraço do seu querido leitor, Acesso Permitido.Entre pelo perfil ~*
Oown, muito obrigada Andy! Sério mesmo, isso me deixa muito feliz! Pode saber que todas nós te consideramos um amigo :3
ExcluirE bom que gostou! ^^
Na boa! Eu achei muito criativo essa caixinha do ask.me flutuando ali do lado. E realmente, eu nunca tinha visto nenhum outro blog com algo assim, parabéns! Eu também aposto como você, que vão chover blogs usando isso HAHAHA
ResponderExcluirAdorei o tutorial e as dicas, bjbj.
http://rascunhosdasuuka.com
Oown, brigada flor! Vamos ganhar a aposta juntar, bate aí o/ hahaha ><
ExcluirBom que gostou, flor!
gente que legal
ResponderExcluirahauahushu eu adoro esse gif
Bom que gostou! Também, AHSUAHSUAS ><
ExcluirUHUUUUU mais um capítulo da nossa infinita novela "Ensinamentos Da Mestra Paula" :3 como sempre,os seus modelos são lindos (também né,olha quem faz u.u)
ResponderExcluir:**
Oown ><
ExcluirBem legal, mas não tem os créditos?
ResponderExcluirAh, eu comentei lá, se ficou meio estranho a explicação me avise kkkkkkk
Bjos!
http://amonailart.blogspot.com.br/
O das minhas imagens não, mas o da caixinha ta lá em cima, na blockquote ^^
ExcluirOkok, pode deixar que vou ver!
Sempre quis saber como fazer isso! Talvez faça...
ResponderExcluiromeubrilhantemundo.tk
Okok ^^
ExcluirAdorei Paulinha sua diva,sempre arrasando *-*
ResponderExcluirÓtimo tutorial (((:
Beijinhos ~GA
Bom que gostou, Leh :3
ExcluirAmei, fica linda e sem ocupar tanto espaço
ResponderExcluirbeijos
Bom que gostou, Lola!
Excluir
ResponderExcluirHORA DE AVENTURA ~~ <3
Amei o tuto, tava precisando :D
Kisses :3
GA~
Tutorial muito útil pro blog! Estou pensando em colocar no meu, ai qualquer dúvida é mais fácil responder!
ResponderExcluirPosso te pedir um favor? Vota em mim neste blog aqui: http://novidadesdatekinha.blogspot.com.br ?
É só clicar em Blog Moda Online, na enquete na barra lateral! Se votar, vai lá no meu blog e me avisa, pois farei uma divulgação dos blogs que me ajudaram!
Obrigado.
Beijos
blogmodaonline.blogspot.com
Ok, pode deixar que voto! Bom que gostou, flor :3
ExcluirAaah, okok ^^
Ótimo tutorial amore, é bem útil e fica super mega hiper lindo -qq ' Amei =)
ResponderExcluirSweet Teen - Acesse o meu blog clicando no meu perfil -
Bom que gostou, Tamara *--*
ExcluirÉ ótimo que você poste tutoriais, pq, sério, o seu design é lindo.
ResponderExcluirOooown, muito obrigada, mesmo, viu? ><
ExcluirMuito bom o tutorial ótima dica pra quem tem ask e não quer que ocupe espaço na barra lateral
ResponderExcluirNaflordaiidade(.blogspot.com)é sem o parenteses ;*
Bom que gostou, Eduarda! Super concordo :3
ExcluirQue facinho! Será que dá pra colocar a fã-page do Facebook também? Só por curiosidade, porque eu ainda não tenho uma .-.
ResponderExcluirBeijos,
Anna
garota-queen.blogspot.com
Dá sim, a maioria dos códigos funfa :3
ExcluirEsse tutorial é perfeito mesmo! Vou usar em 5,4,3,2..
ResponderExcluirGostei muuuito. ♥
- xoxo -
Bom que gostou! Oown ><
ExcluirAdoreei o tuto é muito boom ! Vou tentar usar ! Aii quanto tempo Paulinha , estava com saudades mas não estava dando tempo de entrar no pc , mas voltei ! Bjoos
ResponderExcluirhttp://meninachicmc.blogspot.com.br
Que bom que voltou, Laura! Tava com saudades, viu? :3
ExcluirTava procurando um tutorial assim. :3
ResponderExcluirAmei seu blog!;*
http://koorean-lovers.blogspot.com.br
Muito legal!! *-*
ResponderExcluirBom que gostou ^^
ExcluirFaz tempo que eu estava esperando esse tutorial.bjs
ResponderExcluirno-planetaroom
Aaah, que bom :3
ExcluirOMG! Acho tão mágico criar um código HTML e depois ensinar. É meio que
ResponderExcluir/ bitches, please. i'm fabulous. you're not. you will just catch the code that i invented. /
ISUAHDUADH parei
BEIJOWS
/existe iPhone rosa? :O eu n sabia/
Just Debee
Mesmo que esse não seja meu, também me sinto assim! hahaha ><
ExcluirBeijos :*
O tutorial,é bem legal!
ResponderExcluirJá tinha,acho que ele dá um tchã no blog né?
#SUPERQUEAMEI!
karenselajaalmiron . blogspot . com . br /
Bom que gostou, flor! Super concordo ^^
ExcluirTutorial ótimo!!!!! Ah tempo queria saber <3 ,3
ResponderExcluirBjs *-* Boa semana!
umaxicaradeleite.blogspot.com
Nunca tinha visto um tutorial do tipo! É um jeito fácil e que chama muito a atenção do leitor. Foi muito bem explicado também e eu adorei!!
ResponderExcluirMil beijos, momamoraes.blogspot.com
Bom que gostou, Paloma!
ExcluirPaulinhaa, desculpa, não li o post :(
ResponderExcluirÉ uma hora e meia da manhã, só vim dar uma passadinha e deixar um oi. :)
Enviei a foto da unha da leitora, você recebeu certinho ? Não tenho prática em mandar email, então só Deus sabe se eu enviei certo ! hehehe
Mil beijos :*
Aah, que isso! Oii :3
ExcluirRecebi sim! Pode deixar que vai aparecer no post *---*
Beijos :*
Não posso '-'
ResponderExcluirótimo tuto.
ResponderExcluiradorei, só naum uso pq naum preciso ^^
bjs
Paula, eu não sei como escrever no about e no contato .... me ensina?
ResponderExcluirEnsino sim, no seu blog, ok? ^^
ExcluirDisponha flor! ;)
ResponderExcluir