Criando uma enquete personalizada no blog
sexta-feira, 22 de julho de 2011
Se você deseja inserir uma enquete bem prática e completamente personalizável em seu blog, eis aqui uma solução oferecida pelo SuperTráfego, serviços gratuitos com funcionalidades para sites e blogs. Veja aqui um exemplo de aplicação da enquete SuperTráfego como forma de votação, inserida dentro da postagem.
1 - Quero uma enquete do Blogger mesmo, como faço?
Além do SuperTráfego, existe também um site especializado em criação de enquates, tanto é que o endereço do site é: www.enquetes.com.br.
Você cria uma conta no site e pode começar a criar suas enquetes, mas eu encontrei uma desvantagem se você desejar deixar a enquete com a aparência do seu blog:
Você cria uma conta no site e pode começar a criar suas enquetes, mas eu encontrei uma desvantagem se você desejar deixar a enquete com a aparência do seu blog:
1º - Você precisa ter um bom conhecimento em HTML, Javascript e CSS! Caso tenha, é uma boa opção. Boa sorte!
Vamos para o www.supertrafego.com.br
a. O primeiro passo é possuir uma conta no SuperTráfego. Cadastre-se aqui!
b. Depois de cadastrado, acesse o site e faça o seu login. O campo de login está na coluna esquerda do SuperTráfego, conforme ao lado.
c. Feito o login, ainda neste menu (figura), na seção "Para seu site" clique em "Enquetes". Você será redirecionado para a página de enquetes. Nesta página contém todas as instruções para criar e gerenciar uma enquete, mas vamos resumir por aqui o que realmente desejamos fazer: "Criar uma enquete personalizada em qualquer local do blog (até na postagem)".
Essa próxima página possui as opções básicas de uma enquete: A pergunta principal e as possíveis respostas ou opções para o usuário interagir com a votação.
Explicação dos campos:
- Pergunta: É onde você faz a pergunta ou solicita a votação.
- Opção 1, 2, 3...: É onde você insere a resposta ou a opção para votação.
- Padrão (cor da fonte): É a cor que cada opção possui, deixe como padrão por enquanto.
Mais abaixo, na mesma janela, você encontrará as opções conforme segue abaixo:
Explicação dos campos:
- Resultados através de: Quando a enquete estiver em seu blog, haverá uma opção para se clicar e mostrar os resultados, ou sempre que alguém votar, os resultados serão mostrados e os valores (ou quantidades de votos) poderão ser mostrados em quantidade ou porcentagem.
- Sentido: As opções ou respostas que o usuário seleciona pode ser exibida uma embaixo da outra ou uma ao lado da outra.
- Exibir resultados: Você pode mostrar para todos os resultados parciais até encerrar a enquete ou pode ocultar, mostrando o resultado em seu blog apenas quando terminar. Selcionando "Não", você anula a opção "Resultados através de", pois os resultados não serão mostrados. Selecionano "Sim", você pode inserir uma mensagem exibida após a votação "Obrigado por votar!".
- Fórum: A última te dá a opção de criar um fórum, onde o usuário pode comentar sobre o resultado. O Fórum é criando em uma nova janela.
Preencha as opções acima conforme desejado e clique no botão "CRIAR".
Irá aparecer uma janela e um campo com o código da sua enquete. Copie este código e cole dentro do seu blog. Pode ser no HTML do blog, em um Elemento de Página ou dentro da postagem.
Dentro da sua postagem, clique na aba "Editar HTML". Mas ATENÇÃO: Cole o código somente após ter terminado de escrever a postagem, pois durante a edição pode haver erro! Após terminado de criar a postagem, cole o código dentro do HTML da postagem e clique em "Visualizar".
Perceba que se você clicar em "Escrever" a enquete não aparecerá, somente alguns códigos semelhantes a um erro, mas não é! Visualize e verá a enquete funcionando.
É simples, após copiar o código da enquete do SuperTráfego, acesse o "Layout" do Blogger e clique na aba "Elementos de Página". Escolha a coluna onde deseja inserir a enquete e clique em "Adicionar Gadget". Escolha o tipo "HTML/Javascript".
Agora vamos ao diferencial desta enquete. Ela possui um painel de controle, por onde, além de você poder acompanhar as votações, pode também modificar as cores, tamanho, fonte, etc...
- Acesse o site SuperTráfego e clique na opção "Enquetes".
- Após isso, na parte superior da janela, clique em "Administrar".
- Aí estão todas as suas enquetes criadas. Agora, ainda neste menu superior, clique em "Menu de Administração" e clique em "Personalize seus Sistemas".
- Agora, no menu superior, clique em "Menu de Personalização". Neste menu você encontra as opções que descreverei abaixo. Estas opções personalizam completamente a sua enquete.
Principal - Apresenta uma tela de ajuda
Cores e Fontes - Personaliza a cor e tamanho das fontes, bordas, backgrounds e titulos.
Botões - Permite inserir um botão personalizado
Caixa de texto e seleção - Altera as configurações ao selecionar um texto
Código HTML - Permite que possamos inserir um código dentro do código da enquete
Outras configurações - Permite inserir uma figura de fundo na enquete.
Você também pode personalizar a enquete no próprio código copiado do site no final da etapa 2. Pode apenas aumentar e diminuir as dimensões da caixa que aparece a enquete e algo mais. Veja aqui abaixo um exemplo de como fazer isso:
O que está destacado em vermelho são as dimensões. width="600" é a largura representada em pixels, ou seja, 600 pixels. Height é a altura, também representada em pixels, ou seja, 130 pixels de altura.
O que está destacado em azul, é a opção de ativação da barra de rolagem, caso a enquete fique maior do que a caixa em que ela está. Deixando em "no", desativará a barra, colocando "yes", ativará.
Vamos para o www.supertrafego.com.br
2 - Como criar a enquete?
a. O primeiro passo é possuir uma conta no SuperTráfego. Cadastre-se aqui!b. Depois de cadastrado, acesse o site e faça o seu login. O campo de login está na coluna esquerda do SuperTráfego, conforme ao lado.
c. Feito o login, ainda neste menu (figura), na seção "Para seu site" clique em "Enquetes". Você será redirecionado para a página de enquetes. Nesta página contém todas as instruções para criar e gerenciar uma enquete, mas vamos resumir por aqui o que realmente desejamos fazer: "Criar uma enquete personalizada em qualquer local do blog (até na postagem)".
Essa próxima página possui as opções básicas de uma enquete: A pergunta principal e as possíveis respostas ou opções para o usuário interagir com a votação.
- Pergunta: É onde você faz a pergunta ou solicita a votação.
- Opção 1, 2, 3...: É onde você insere a resposta ou a opção para votação.
- Padrão (cor da fonte): É a cor que cada opção possui, deixe como padrão por enquanto.
Mais abaixo, na mesma janela, você encontrará as opções conforme segue abaixo:
Explicação dos campos:
- Resultados através de: Quando a enquete estiver em seu blog, haverá uma opção para se clicar e mostrar os resultados, ou sempre que alguém votar, os resultados serão mostrados e os valores (ou quantidades de votos) poderão ser mostrados em quantidade ou porcentagem.
- Sentido: As opções ou respostas que o usuário seleciona pode ser exibida uma embaixo da outra ou uma ao lado da outra.
- Exibir resultados: Você pode mostrar para todos os resultados parciais até encerrar a enquete ou pode ocultar, mostrando o resultado em seu blog apenas quando terminar. Selcionando "Não", você anula a opção "Resultados através de", pois os resultados não serão mostrados. Selecionano "Sim", você pode inserir uma mensagem exibida após a votação "Obrigado por votar!".
- Fórum: A última te dá a opção de criar um fórum, onde o usuário pode comentar sobre o resultado. O Fórum é criando em uma nova janela.
Preencha as opções acima conforme desejado e clique no botão "CRIAR".
Irá aparecer uma janela e um campo com o código da sua enquete. Copie este código e cole dentro do seu blog. Pode ser no HTML do blog, em um Elemento de Página ou dentro da postagem.
3 - Colocando a enquete dentro da postagem
Dentro da sua postagem, clique na aba "Editar HTML". Mas ATENÇÃO: Cole o código somente após ter terminado de escrever a postagem, pois durante a edição pode haver erro! Após terminado de criar a postagem, cole o código dentro do HTML da postagem e clique em "Visualizar".
Perceba que se você clicar em "Escrever" a enquete não aparecerá, somente alguns códigos semelhantes a um erro, mas não é! Visualize e verá a enquete funcionando.
4 - Colocando a enquete na coluna lateral do blog
É simples, após copiar o código da enquete do SuperTráfego, acesse o "Layout" do Blogger e clique na aba "Elementos de Página". Escolha a coluna onde deseja inserir a enquete e clique em "Adicionar Gadget". Escolha o tipo "HTML/Javascript".
5 - Personalizando a enquete
Agora vamos ao diferencial desta enquete. Ela possui um painel de controle, por onde, além de você poder acompanhar as votações, pode também modificar as cores, tamanho, fonte, etc...
- Após isso, na parte superior da janela, clique em "Administrar".
- Aí estão todas as suas enquetes criadas. Agora, ainda neste menu superior, clique em "Menu de Administração" e clique em "Personalize seus Sistemas".
- Agora, no menu superior, clique em "Menu de Personalização". Neste menu você encontra as opções que descreverei abaixo. Estas opções personalizam completamente a sua enquete.
Principal - Apresenta uma tela de ajuda
Cores e Fontes - Personaliza a cor e tamanho das fontes, bordas, backgrounds e titulos.
Botões - Permite inserir um botão personalizado
Caixa de texto e seleção - Altera as configurações ao selecionar um texto
Código HTML - Permite que possamos inserir um código dentro do código da enquete
Outras configurações - Permite inserir uma figura de fundo na enquete.
Você também pode personalizar a enquete no próprio código copiado do site no final da etapa 2. Pode apenas aumentar e diminuir as dimensões da caixa que aparece a enquete e algo mais. Veja aqui abaixo um exemplo de como fazer isso:
Exeplo de código da enquete:
<iframe src ='http://www.supertrafego.com/enquetes_view.asp?id=194677&enquete=46353' width='600' height='130' frameborder='0' border='0' marginheight='0' marginwidth='0' scrolling='no'></iframe>
O que está destacado em azul, é a opção de ativação da barra de rolagem, caso a enquete fique maior do que a caixa em que ela está. Deixando em "no", desativará a barra, colocando "yes", ativará.
Veja materias relacionadas
2 comentários:
ótima materia cara valeu!
Maravilha esse post, valeu!!!!
http://megabomsorvetes.blogspot.com/
Postar um comentário