Olá, leitor do NuvemSEO, veja como embeber o widget com formulário do Formspring dentro de seu site ou blog, se você ainda não sabe o que é a febre formspring.me, clique aqui!
Extraia o código para colar em seu site em 4 passos!
1 – Primeiro, entre no sistema do formspring com seu login e senha, caso ainda não se cadastrou na rede social mais badalada do momento, clique aqui para ir à tela de cadastro.
2 – Clique em “settings“, e depois em “widgets“.
Um widget é um componente de uma interface gráfica do utilizador (GUI), o que inclui janelas, botões, menus, ícones, barras de rolagem, etc..
Veja imagem abaixo:
3 – Agora você verá as propriedades para personalizar o css do widget de formulário. Insira a cor desejada e veja em tempo-real as alterações abaixo.
Como você pode notar, na primeira caixa temos o tamanho a ser escolhido, do widget que será adicionado em seu site, pequeno, médio e grande, em inglês.
Na segunda caixa temos a cor de fundo do widget, ex: #ffffff, esse código hexadecimal de cores representa o branco.
Na terceira caixa temos a cor da fonte, e logo em seguida o botão “Update” (atualizar), para que você possa ir alterando e testando cores que casam com o visual de seu site.
Quando você muda as cores pode ver em tempo-real logo abaixo no “preview”, como está ficando! Veja imagem abaixo:
4 – Após deixar do jeito que você deseja, seleciona o código na caixa e copie! Depois cole no HTML de sua página web. Pronto! Fácil não?
Obs: Dê uma olhadinha no meu widget na “sidebar” e tenha * ideia de como fica!
Lembrando que no formspring.me você pode logar com dados do Facebook (apenas depois de criar uma conta), pode também integrá-lo com Blogger,Tumblr, Twitter, etc.
Não confunda o domínio do site deles que é .com, já o microblog formspring é .me, e não .com!
—————————————————————
Meu formspring: http://formspring.me/alvixspring
Comente esse post! Deixe uma dica ou dúvida! Ou assine os feeds e receba atualizações do blog por e-mail!
10 Comentários recebido(s)
fevereiro 1st, 2010 @0:39
Olá Isa, que bom que te ajudou, entre link http://www.nuvemseo.net/perguntas-e-respostas-do-formspring-no-twitter lá tem a dica, abs, Alvix!
maio 20th, 2010 @13:43
onde fica o html do form? :S
maio 20th, 2010 @15:45
Olá, Bruna, confira o tópico dois deste tutorial no início do post, por gentileza! lá está assim: 2 – Clique em “settings“, e depois em “widgets“ para ir até ao html do forms.Obrigado pelo comentário!
maio 23rd, 2010 @11:21
como faço pra por o html do forms no orkut?
maio 23rd, 2010 @11:22
Maicol, que eu saiba não tem como, pelo menos popularmente falando, a não ser que algum hacker tenha inventado isso por ae…valeu pelo comentário!
junho 23rd, 2010 @9:52
Muito boa as dicas, coloquei no meu blog seguindo suas orientações!
Wlw!
junho 23rd, 2010 @12:25
Que bom Sylvio, obrigado pelo comentário, amigo!
outubro 28th, 2010 @9:05
Adorei a dica. Muito obrigada!!
Tudo de bom!!
outubro 28th, 2010 @9:51
Hum Jaq, tbem adorei seu comentário! Tenho outra dica especial pra vc: ponha um bloco de anuncios do Google Adsense no topo do seu blog e fature uma graninha extra com ele! (ops se pretende ne, claro). Tudo de bom pra vc tbem, obrigado pelo seu comentário!
Pingback & Trackback
Participe comentando!