28.5.13

C-box Como um Botão Flutuando do Canto do Blog

 
Yoo
Já à algum tempo eu venho recebendo o pedido de tutorial
da C-box flutuante como a que tem aqui no blog !
Pois bem, hoje eu vou ensinar como fazer desde a criação da C-box
até o gadget do botão !
Acompanhe Mini gif 140
Bom, 1° de tudo você tem que criar sua C-box !
 Para isso vá NESSE site !
E seguida você deverá clicar em SING UP como mostra a imagem a seguir :
Clique nas imagens para amplia-las.

Em seguida abrirá o formulário que você deverá preencher para criar sua c-box,
colocando:
Nome da sua c-box (login que você usará pra acessa-la pelo site) .
Seu email.
Senha.
Confirmação de senha.
Url do seu blog.
Em seguida clique no quadradinho abaixo onde eu circulei :
 Depois clique em Create my Cbox

Em seguida a seguinte pagina abrirá assim :

Já com o novo endereço da sua Cbox no login e você deverá apenas preencher o password 
com a sua senha da Cbox .
Sua Cbox está criada !
Agora usando as ferramentas Look & Feel e Options você irá customizar sua Cbox a seu gosto !

Feito isso clique em Publish! :

Abrirá em seguida a seguinte página :
Ali já estará os codigos para a sua Cbox, porém você deverá mudar onde está
Inline(defalt) para Floating button dessa forma :
Clique em Copy to clipboard e você ja terá os códigos da sua Cbox flutuante !
Va em Layout, adicionar um gadget Html/Java Script e cole o código nela !
Salve e pronto !
Nesse caso sua Cbox vai aparecer flutuando do lado direito da tela !
Se quiser que ela fique do lado esquerdo como a minha, 
procura nos códigos onde estiver Right apague e substitua por Left !
Pronto !
Qualquer dúvida perguntem ! Se gostarem comentem !
KisusMini gif 140

{ se usar ou repassar CREDITE }


16 comentários:

  1. Gostei do tuto amor, super útil!
    Primeira vez que visito o blog, ja estou seguindo, e devo dizer que amei ♥

    Beijos!

    ithe-clouds

    ResponderExcluir
  2. Amei o tuto, é muito bom ^^
    Procurava a um bom tempinho EUHEUEH'
    Beijos | empire-explosion.blogspot.com

    ResponderExcluir
    Respostas
    1. Ah que bom que eu ajudei !
      Volte sempre , Kisus ♥

      Excluir
  3. Adorei o tuto, essa c-box é muito fofa :3
    Beijos <3

    http://garotasatrevidas-s2.blogspot.com.br

    ResponderExcluir
  4. Amei o tutorial! A c-box fica muito charmosa!

    Amor, resolvi recomeçar um blog que havia deixado desativado, quer dar uma conferida?

    porenseetcs.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigado, também acho ! Sem duvida que eu vou fazer uma visitinha !

      Excluir
  5. Adorei! Você explica muito bem! ^^

    controversias-blog.blogspot.com

    ResponderExcluir
  6. Legal o tutorial! Vai ajudar muitos *-*
    Beijo, Lili
    Princesa Teen / O blog.
    Receitinha! / Assista! Se inscreve e divulga!

    ResponderExcluir
  7. Gostei do tutorial,eu ainda não tinha visto nenhum blog usando,mas deve ficar muito show :3 Eu uso no meu blog a c-box normal mesmo >_<
    Adorei o blog,já estou seguindo,retribui?
    Küss->quem precisa de tv para ver beyoncé ♥.blogspot♥♥.com♥ [tire os corações e espaços para visitar]
    Bom final de semana!

    ResponderExcluir
    Respostas
    1. Fica sim por isso mesmo eu uso porque acho um charme *-*
      Obrigado ♥

      Excluir
  8. Já conhecia o tutorial em sua base; a c-box normal no cabeçalho, porém não sabia como por em outro lugar, no canto do blog. Fica bem interessante. bezzo, sarah
    http://agd-doce.blogspot.com.br/

    ResponderExcluir

♥ Todos os Comentários serão respondidos .
♥ Leia Antes de Comentar .
♥ Se for falar sobre algo além do post, comente sobre ele primeiro .
♥ Não aceitarei nenhum tipo de xingamento, mas estou aberta a críticas contrutivas .
♥ Se for usar ou repassar algum tutorial, utilitário ou qualquer coisa que te inspire no Sweet Glitter, NUNCA esqueça de dar os merecidos créditos.
♥ Deixe o link ou url do seu blog no final do comentário para que eu possa retribuir a visita .
♥ No mais, obrigado pela visita e sejam bem vindos !