Tutorial: Aprenda a criar e colocar "Testes Interativos" em seu blog ou postagem!

sexta-feira, setembro 20, 2013


Yoo Galera~

Olá guris e gurias como estão? Espero que todos estejam super bem...Como sabem hoje é dia de TUTORIAIS (visitem o cronograma) e tenho um pedido para realizar...

Hoje o pedido é da leitora Helen Mara do blog Tudo Sobre Tudo que pediu um tutorial explicando como colocar testes no blog...Isso parece bem interessante porque as vezes conseguimos fazer algumas brincadeiras com nossas leitoras tipo aquelas revistas teens que colocam testes que de fato estimulam nossa curiosidade...Pensando nisso vou explicar a vocês como podem colocar testes em seus bloggers e receber o resultado logo em seguida...

Primeiramente vejam o comentário dela :




Agora  vamos lá para a postagem!!!


Click em “Mais Informações” para ler a postagem completa!






ü  1º) Cadastre-se no site PollSnack é totalmente grátis e você pode fazer o cadastro usando a conta do google, facebook ou twitter, no exemplo eu optei pela conta com e-mail então precisarei fazer cadastro...Mas é bem simples...Daí você receberá no seu e-mail o link para confirmação e pronto esta cadastrado !

Veja a imagem abaixo:







ü   2º) Após o cadastro vá para a página inicial do site e click na opção “CREATE A POLL OR SURVEY”  como na imagem abaixo :




ü    3º) Escolha a opção “POLLSNACK” veja a imagem abaixo e siga o exemplo:





ü 4º) Após ter feito o passo anterior irá abrir uma outra página, então escolha a opção “PERSONALITY QUIZ” veja o exemplo abaixo;




ü   5º) Agora responda os espaços que forem apresentados (para criar mais basta clicar na opção transparente, ela logo abrirá uma nova opção para ser preenchida) da forma explicada abaixo e click em seguida em “NEXT”:






ü    6º) Para uma explicação mais detalhada optei por fazer um EXEMPLO usando o filme HARRY POTTER como base, veja a imagem abaixo.






ü  7º) Após isso abrirá uma página para que você escolha o modelo desejado para seu TESTE, escolha o modelo desejado e click em “USE THIS TEMPLATE” como na imagem abaixo:






ü    8º) Configure da forma que você desejar , onde tem a opção “COLOR AND STYLE” você pode mudar a cor e o estilo do seu teste , e onde tem a opção “SETTINGS” você pode configurar largura, idioma etc...em seguida click em FINISH, siga o exemplo abaixo:




ü    9º) Click agora em “EMBED” como na imagem abaixo:




ü    10º) Abrirá uma página então escola a opção “USE FREE” veja o exemplo abaixo:




ü   11º) Abrirá então uma janela, click na opção “iFrame (standard”) e então copie todo o código oferecido pelo site, é ele que possibilitará você colocar esse teste em uma postagem ou em um gadget do seu blog.





|| COLOCANDO NO BLOG ||


·     Para colocar seu teste na postagem basta apenas clicar em “HTML” na hora da postagem e então cole o código e depois volte para “ESCREVER” (como se você fosse colocar um vídeo por exemplo) aguarde um momento até o player aparecer e pronto faça sua postagem normalmente e depois publique


·       Para colocar no blog fixo sem ser em postagens basta colar esse código em
     Layout >> Adicionar Gadget >> HTML/JAVASCRIPT >> Cole o código e salve!



|| RESULTADO FINAL ||► 




Espero que tenham gostado da postagem e que tenha sido útil...
Beijocas guris e gurias!


OBS: Você também tem um pedido de TUTORIAL? Então deixe seu pedido nos comentários ou então click AQUI e deixe-me uma mensagem, seu pedido será atendido o mais rápido possível!


You Might Also Like

76 comentários

  1. ameeeei o tutorial!
    ajudou bastante anjo, vou fazer isso no meu blog! *o*
    beeeeijos,
    http://diariodeumuniversoparalelo.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou querida *-* fico realmente feliz.

      Obrigada por sua visita...Beijocas e volte sempre!

      Excluir
  2. Adoro seus tutoriais, entro todo dia no seu blog, acho ele muito fofo!! estou seguindo, vc pode seguir o meu?? beijinhos e sucesso MEU BLOG ----> http://gabsmissy.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Ounw obrigada *--*

      Claro querida sigo sim ...Beijocas e volte sempre :3

      Excluir
  3. Adorei a dica *-* Vou fazer!
    Bejus, www.nossomosmoda.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom flor *--* faz mesmo!!!

      Obrigada por sua visita...Beijocas e volte sempre que puder :D

      Excluir
  4. Respostas
    1. Fico bastante feliz que tenha gostado querida :3

      Obrigada por sua visita...Beijocas e volte sempre que puder!

      Excluir
  5. ainw que legal, adorei o post *-*... pena que não sou das mais criativa para fazer no meu, quem sabe um dia eu tente! beijinhos

    ResponderExcluir
    Respostas
    1. Que bom que gostou Tauane *--* tenta você consegue sim :D

      Beijocas e volte sempre querida!

      Excluir
  6. Hilda,
    Esse texte e muito bom pra aproximar o leitor do blog, etc. Vou ver se faço esse texto pro meu blog pelo menos pra aproximar eles para meu blog rs.

    Beijos
    rodrigobandasoficial.blogspot.com.br

    ResponderExcluir
    Respostas
    1. hahahah ^^

      Obrigada por sua visita Rodrigo :D

      Beijocas e volte sempre!

      Excluir
  7. ótimas dicas
    Beijos
    http://segredosdacahlima.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada por comentar, fico feliz que tenha gostado :)

      Beijocas e volte sempre querida!

      Excluir
  8. Perfeito!! Amei saber como essas pessoas faziam os testes.
    Jéssica
    donaurbana.blogspot.com

    ResponderExcluir
    Respostas
    1. *--* que bom que gostou querida.

      Obrigada por sua visita...Beijocas e volte sempre!

      Excluir
  9. Nossa, adorei a dica, super legal. Vou fazer no meu blog também :)
    Amei a decoração do seu blog, me senti em casa.

    Um grande beijo gatona
    Meu blog: www.cocotadequinta.com

    ResponderExcluir
    Respostas
    1. Ounw obrigada querida, fico muito feliz que o blog tenha passado esse sentimento de aconchego ...É realmente o que eu procuro !

      Obrigada por sua visita...Beijocas e volte sempre!

      Excluir
  10. Nossa que legal!! :D Vou deixar salvo aqui, muito útil!

    www.adolecentro.com/

    ResponderExcluir
    Respostas
    1. Fico muito feliz que tenha gostado *--*

      Obrigada por sua visita querida...Beijocas e volte sempre!

      Excluir
  11. Adorei , E vou Fazer , Mas eu queria que você ensinasse a como fazer o cantinho , personalizado da Autora

    ResponderExcluir
    Respostas
    1. Obrigada querida, claro explico sim *--*

      Já salvei seu comentário e assim que eu realizar os outros tutoriais pedidos na sua frente faço o seu com prazer :3

      Obrigada por sua visita...Beijocas e volte sempre!

      Excluir
  12. Oi lindona! Eu adorei seu blog, o conteúdo, o layout.. Tudo muito organizadinho, completo e fofo. Já segui e vou acompanhar sempre, viu?
    Se quiser dar uma passadinha pelo meu, vou adorar. (PS: Muita gente me pergunta onde seguir meu blog, é só curtir a FanPage no lado esquerdo do blog onde diz ''Seguidores - Show your love". Te espero lá. ;)

    Beijos e sucesso!
    (BLOG: http://bylarissamocellin.com
    CANAL no YOUTUBE: https://www.youtube.com/user/bylarissamocellin
    FANPAGE: http://www.facebook.com/pages/Larissa-Mocellin/255540271215586
    INSTAGRAM: http://instagram.com/bylarissamocellin)

    ResponderExcluir
    Respostas
    1. Oi querida *--* fico muito feliz que tenha gostado do meu blog *--*
      Obrigada por seguir irei seguir o seu também com muito prazer!

      Obrigada por sua visita...Beijocas e volte sempre!

      Excluir
  13. Que legal! Eu não tinha nem noção de como fazer kk Adorei o post, super útil.
    www.espacegirl.com

    ResponderExcluir
    Respostas
    1. Bem fácil não é?!! *--* obrigada por sua visita...
      Beijocas e volte sempre querida

      Excluir
  14. Respostas
    1. Fico muito feliz que tenha gostado *--*

      Obrigada por sua visita querida...Beijocas e volte sempre!

      Excluir
  15. Respostas
    1. Oi Helen ^^ fico muito feliz que tenha sido útil e que você tenha gostado :3
      Obrigada por sua visita :D

      Beijocas :3 e volte sempre \õ/

      Excluir
  16. Seu blog é demais amei muito :) visito ele todos os dias, e essa postagem é muito útil, continue postando tutoriais é incrível bjoos flor :)

    ResponderExcluir
    Respostas
    1. Oi Katycia fico feliz que goste só ODEIO que você esta me plagiando!

      Excluir
  17. Muito legal o seu blog, quem dera eu ser tão criativa como você , ehehe Beijos
    Meu blog : http://blogsobregirls.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oi Bruna, obrigada por sua visita, espero te ver mais vezes por aqui! Visitarei seu blog com prazer. Desculpa por eu estar te respondendo somente agora, é que o blog passou por uma looonga pausa e só agora voltei com ele. Sobre criatividade, é claro que você tem, só precisa colocar pra fora, explorar seu cotidiano. Relaxa! Espero te ver mais vezes por aqui :3

      Excluir
  18. ola ,seu blog é maravilhoso .eu tenho um blog que se chama girls 10 e adorei essa postagem me ajudou mt flor.mt obg mesmo de coração.feliz natal e um prospero ano novo :3

    ResponderExcluir
    Respostas
    1. Oi Talita :D fico muito feliz que tenha aprovado!!! Espero te vez outras vezes por aqui me visitando, espero que seu blog tenha continuado firme e forte, visto que muitas blogueiras pararam :/ Desculpe pela demora em te responder, o blog passou por uma fase de hiatus e só retornou agora :D

      Excluir
  19. Respostas
    1. Oi Mariana :3 Obrigada por comentar e por sua visita! Desculpe pela demora em te responder, o blog passou por um hiatus e só agora retornou. POTTERHEAD - Grifinória! \õ/ hahaha espero te ver mais vezes por aqui :3

      Excluir
  20. Oi oi oi.. eu queria saber como colocar o "play list" de musicas no blog.Se souber me ajuda por favor !
    Obrigada

    ResponderExcluir
    Respostas
    1. Oi Laisa, desculpe a demora em te responder, o blog estava em hiatus e só agora retornou. Espero te ver mais vezes por aqui. Sobre o tutorial, eu estou organizando e novidades virão por ai :3

      Excluir
  21. Adorei o blog, super fofo, pena que não consigo fazer com que o meu fique assim, e eu não consegui fazer os testes. Você poderia fazer um tutorial de como deixar o blog super lindo como o seu?

    ResponderExcluir
    Respostas
    1. Oi Camila! Obrigada por sua visita, desculpe pela demora em te responder, o blog passou por um longo período parado e só agora retornou. Fico muito feliz e lisonjeada que aprecie tanto o meu blog, seu comentário é uma gracinha, mas é só você observar os tutoriais contidos na aba GOODIES e você encontrará várias dicas para modificar o seu, não tem segredo, é só ter calma! Espero te ver mais vezes por aqui :3

      Excluir
  22. Oi Hilda, adorei seus posts.
    Queria um tutorial ensinando como fazer o blog, queria saber a partir de que site de blogs vc criou o seu. Não é plagio, adoro seus tutoriais só queria deixar meu blog lindo como o seu!
    Beijocas...

    ResponderExcluir
    Respostas
    1. Muito obrigada linda! Olha meu layout atual é FREE então eu só modifiquei algumas coisas para que o blog ficasse do jeitinho que eu queria, muitas coisas mudaram com o passar dos anos e agora ele já está "ultrapassado" pra mim. Hoje gosto mais de coisas clean e tal. Mas esse layout rosa foi modificado seguindo os tutoriais que coloco aqui, quase todos os tutoriais que postei aqui, utilizo nesse layout. É só ter paciência e calma para aprender e fazer, não é nada de outro mundo não. Com calma se faz! :3 bjs

      Excluir
  23. Amei demais!!!cer
    uma pena que o meu player demora demais para aparecer,mas obrigada,vc não sabe o quanto ja me ajudou com os seus tutos,bjs linda!
    My blog,please ,dá uma olhadinha ,eu ficaria muito agradecida :) ----> princesaurbanadanada.blogspot.com

    ResponderExcluir
    Respostas
    1. Olá Nathly! Desculpe pela demora em responder o seu comentário, o blog estava em um longo período de hiatus, mas já voltou. Fico feliz que o blog tenha sido útil para você. Obrigada por sua visita. Espero te ver mais vezes. :) Visitei seu blog mas ele não foi encontrado :/ espero que você não tenha parado, só tenha mudado de link :3

      Excluir
  24. Seilá, não gostei muito do teste, tem como fazer mais perguntas, seilá tá meio paia

    ResponderExcluir
    Respostas
    1. Esse foi um teste "exemplo", logo, deverá ter mais opções para perguntas, para que as faça da maneira que convém. O blog estava parado, por isso a demora em responder o seu comentário. Abraço! :)

      Excluir
  25. Adorei, você me ajudou muito.

    Visite meu blog. Acesse: sosamigasmakeup.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Olá Isa! Obrigada por seu comentário, Fico muito feliz em poder ajudar. Espero que possa te ver mais vezes por aqui, sinto muito pela demora em te responder, o blog estava pausado. Irei visitar seu blog com prazer :3

      Excluir
  26. Amo seu blog!Tem vários tutorias neles ensinando várias coisas :P Parabéns flor continue assim!!Dá uma olhada no meu blog >>http://garotasfashionbymel.blogspot.com/

    ResponderExcluir
    Respostas
    1. Olá Melyssa! Fico feliz que aprecie meu blog,obrigada por sua visita :D espero te ver mais vezes por aqui. Desculpe pela demora em te responder, o blog estava pausado a algum tempo mas já está voltando a ativa :) farei com prazer uma visita ao seu blog ;3

      Excluir
  27. Respostas
    1. Obrigada :D desculpe pela demora em responder, o blog estava passando por um hiatus mas já está voltando a ativa. Obrigada por comentar, espero te ver mais vezes por aqui. :3

      Excluir
  28. olá tenho um blog só que criei ontem esta co poucas coisas espero encher ele de novidades!
    http://wwwumavidaabstrata.blogspot.com.br/

    e Hilda Maria amei seu blog lindo nunca vou conseguir fazer um desses!
    beijão Julia! <3

    ResponderExcluir
    Respostas
    1. Olá Julia, desculpe por ter demorado tanto em te responder, o blog tinha dado uma pausa longa para que eu pudesse me organizar em alguns aspectos da minha vida. Visitei o seu e é uma pena que você não tenha colocado ele pra frente, espero que tente outra vez! Obrigada por sua visita, espero te ver mais por aqui. :3

      Excluir
  29. Ameeei seu blog, e amei essa dica, seguindooo, me seguq de volta??

    ResponderExcluir
    Respostas
    1. Olá, fico muito feliz que tenha gostado! Obrigada por sua visita espero te ver mais por aqui...Sinto muito não poder ter te respondido antes, o blog estava passando por um período de hiatus mas já está voltando a ativa. Sigo com prazer, manda seu link :) abraço!

      Excluir
  30. Respostas
    1. Olá Iara ^_^ obrigada por sua visita, fico que tenha gostado :D espero que possa me visitar mais vezes, és bem vinda aqui. Desculpe pela demora em te responder, o blog estava em hiatus a algum tempo mas já estou voltando a atualizar ele :3

      Excluir
  31. Ameiii & já fiz! rs'
    Poderia me dizer como coloco essa seta (com brilhinho saindo) ?
    Obrigada!♥

    ResponderExcluir
    Respostas
    1. Olá Letícia! Desculpe pela demora em te responder, o blog estava pausado mas já estou voltando a atualizar ele e logo logo ele voltará a ativa. Fico muito feliz pelo seu comentário e por vocÊ gostar do blog. Sobre o efeito "brilhinho" o link está aqui :

      http://sorriso-jovem.blogspot.com.br/2013/03/colocando-efeito-brilhinho-no-cursor-do.html

      Espero ter ajudado. Espero te ver mais vezes por aqui :3

      Excluir
  32. Passei por aqui e amei seu blogger Bjss..
    http://coisasmeninasgm.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Olá Gabrielle!!! Obrigada por sua visita, fico feliz que tenha gostado do blog; Desculpe pela demora em te responder, o blog estava pausado a algum tempo. Espero te ver mais vezes por aqui, és bem vinda! Visitarei o seu blog com muito prazer :3

      Excluir
  33. Olá :)
    Seu blog é muito lindo, ameeei <3
    e muito obrigada seu post me ajudou muito.Parabéns.beijoos :*

    www.coisasdealisprick.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Olá :D obrigada por sua visita, fico feliz com seu comentário! Desculpe pela demora em te responder, o blog estava passando por um hiatus mas já está de volta. Irei te visitar sim :3 Espero te ver mais vezes por aqui.

      Excluir
  34. Estou apaixonada pelo seu blog muito fofo! Obrigada pela dica,ajudou muito! Beijos!!!!

    ResponderExcluir
    Respostas
    1. Oi Tayh, fico muito muito feliz com seu comentário :D obrigada por sua visita e desculpe pela demora em te responder, o blog estava passando por um hiatus e só agora voltei a atualiza-lo. Espero poder te ver mais vezes por aqui. :3

      Excluir
  35. Ótimo tutorial parabéns
    Gostaria de aproveitar e deixar um recado aqui pra todos que procura criar quiz/tests.
    Estou criando esses teste para facebook, mas sozinho esta muito difícil, pois tenho que programar, mexer com imagens etc etc, se alguém quiser fazer uma parceria as portas estão abertas. os teses são criado em html css js e php

    ResponderExcluir
    Respostas
    1. Olá :) obrigada por sua visita e comentário. Espero que alguém tenha te contactado para uma parceria. Desculpe pela demora em te responder, o blog estava em hiatus. Que você possa vir mais vezes por aqui, és bem vindo!

      Excluir
  36. Me ajudou de mais!Valeu! Sucesso pra vc :3

    ResponderExcluir
    Respostas
    1. Olá Ciba! Obrigada por comentar, fico feliz que o tutorial tenha sido útil para você! ^_^ Desculpe pela demora em te responder, o blog estava passando por um hiatus mas já já estará na ativa de novo! Espero te ver mais vezes por aqui :3

      Excluir
  37. Respostas
    1. É um prazer ajudar! Obrigada por comentar Rubens, desculpe pela demora em te responder, o blog estava me hiatus. Espero que possa vir outras vezes. És bem vindo!

      Excluir
  38. Oi Hilda! no meu blog não deu certo, deu erro na hora de salvar no HTML. Vc sabe como resolver?

    ResponderExcluir
    Respostas
    1. Olá Luana, pode ter sido na hora de colar o HTML, verifique se fez como está no passo a passo, se for preciso repita cada um dos passos calmamente. Desculpe pela demora em te responder, o blog estava em hiatus e por isso estava desatualizado :( , mas já voltou a ativa :D obrigada por seu comentário, espero te ver novamente por aqui :3

      Excluir

~REGRAS PARA COMENTAR~

-Não desrespeite ninguém.
-Não xingue ou use palavras de baixo calão.
-Sempre que puder comente é uma forma de incentivar a trazer sempre novidades.

Related Posts Plugin for WordPress, Blogger...

Subscribe