Arquivo da tag: Ferramentas

Como colocar estrelas de avaliação no Blogger

Hoje vou mostrar como você pode colocar estrelas em suas postagens para que o leitos possa avaliar sua postagem com estrelas ou com ícones de curtir ou não curtir. Esse tipo de ferramenta embora possa parecer sem necessidade é muito indicado já que você possibilita o leitor participar do blog, além de ser uma referência para novos visitantes que acabaram de chegar ao seu blog.

Depois de receber alguns pedidos via formulário de contato perguntando sobre como colocar estrelas de avaliação nas postagens no Blogger, resolvi dar uma pesquisada e encontrei uma solução bem simples e que pode resolver em grande parte dos casos.

– Veja também:

No caso do WordPress por exemplo você pode usar vários plugins que facilmente fazem isso, já no Blogger é um pouco mais complicado para se fazer “manualmente” e talvez pensando nisso o site rating-widget nos permite criar um widget e colocar no Blogger e ter um sistema de avaliação como nos exemplos abaixo.

Vídeo

Adicionando avaliação no Blogger

1º Passo: Entre no site do Rating Widget clicando no botão abaixo para fazer o seu Widget:

Acessar Rating Wigdget
2º Passo: Do lado esquerdo você deve configurar como será o seu sistema de avaliação que vou explicar abaixo:

STYLES

Aqui você escolhe como será o visual da sua avaliação que pode ser estrelas, curtir ou negativar ou só curtir. Além de escolher se será com os votos na lateral ou encima dos botões:

THEME & COLOR

Aqui você pode escolher cor, tema que pode ser estrelas ou outros desenhos como também o tamanho que será o desenho escolhido:

LANGUAGE & FONT

Escolha o idioma “Portuguese” e depois o tamanho e fontes dos textos:

LABEL

Aqui você escolhe se o sistema de avaliação ficará na direita ou na esquerda assim como a posição que é mostrado o número de avaliações:

STARS

Escolha quantas estrelas será sua avaliação (Por padrão são 5):

3º Passo: Visualize o resultado em “LIVE PREVIEW” e para colocar no Blogger clique em “Sign Up & Add to Blogger” no qual terá que fazer um breve cadastro:

4º Passo: O cadastro é bem simples e você só precisa preencher como na imagem abaixo:

– 1. Coloque o endereço do Blogger onde você colocará o sistema de avaliação.

– 2. Escolha uma categoria para seu blog que pode ser qualquer uma.

– 3. Seu nome ou nome do seu blog.

– 4. Seu endereço de e-mail para o cadastro.

– 5. Uma senha para o seu cadastro.

Feito isso clique em “Create account & Add to Blogger“.

5º Passo: Após o cadastro no mesmo local clique em “Add to Blogger“:

6º Passo: Agora caso você tenha mais de um blog na mesma conta você deve selecionar em qual blog você quer que apareça e clicar em “Adicionar widget“:

7º Passo: O Widget foi adicionado ao seu blog e para finalizar você precisa clicar em “Salvar organização“:

Pronto! Visualize suas postagens e veja se o sistema de avaliação apareceu!

Como criar uma Caixa de Link-me para seu Blog

Umas das principais coisas em qualquer site ou blog é sem dúvidas os visitantes, quanto mais pessoas entrando é melhor, seja para ganhar dinheiro com publicidade, oferecer um serviço entre outras coisas. Para isso existe algumas formas para se ganhar visitantes e uma delas é com a caixa link-me que vou mostrar como fazer.

Com uma caixa link-me você permite que outras pessoas que também tenha sites e blogs, e que tenha gostado muito do seu conteúdo, compartilhem o seu site ou blog no blog deles, mostrando em algum local uma imagem que represente o seu blog o convidando parar acessar e conhecer o conteúdo.

Essa imagem que vai representar o seu site ou blog é você que decide como será, assim como o tamanho, cores entre outras coisas. O tamanho você pode fazer uma página e nessa página colocar várias opções de tamanho permitindo que quem quiser compartilhar o seu blog escolha um banner que melhor se encaixe no blog dele.

Criando Caixa de Link-me

1º Passo: Crie o seu banner como você quiser e nas cores que quiser. Você pode também criar vários banners e disponibilizar em seu blog vários link-me com banners de tamanhos diferentes.

2º Passo: Após criar o seu banner você precisa hospedar essa imagem. Você pode hospedar no próprio Blogger, na sua hospedagem se você usa WordPress e até mesmo no HD Virtual Dropbox.

3º Passo: Agora copie todo o código abaixo e cole em um bloco de notas para fazermos algumas modificações:

<div align="center"><img src="LINK_DA_IMAGEM"/><br/>
<textarea cols="15" rows="3" onfocus="this.select()" onmouseover="this.focus()" name="textarea" style="width:80%;">
&lt;a href="LINK_DO_BLOG" target="_blank">&lt;img src="LINK_DA_IMAGEM" title="NOME_DO_BLOG" alt="LINK_DO_BLOG" style="border:0;"/&gt;&lt;/a&gt;
</textarea>
</div>

Já com o código no bloco de notas faça as seguintes modificações no código:

LINK_DA_IMAGEM: Coloque o link do seu banner que você hospedou.

LINK_DO_BLOG: Coloque o link do seu blog incluindo o “http://”. Exemplo: http://www.espacoblog.com/

NOME_DO_BLOG: Coloque o nome do seu blog. Esse nome vai aparecer quando passar o ponteiro do mouse sobre a imagem.

4º Passo: Agora vou mostrar como você pode colocar esse código na lateral do seu blog (sidebar) seja ele Blogger ou WordPress:

Criando um Formulário para contato no Google Drive

Uma das principais coisas que devemos colocar no nosso blog/site é sem dúvidas uma formulário para contato. Com um formulário para contato os leitores e até mesmo uma pessoa ou empresa que tenha interesse em anunciar em seu blog/site poderá entrar em contato com você.

Eu já mostrei aqui no blog como criar um formulário para contato usando o JotForm e agora vou mostrar para vocês como criar um formulário usando o Google Drive, é isso mesmo. O Google Drive é um HD Virtual onde podemos salvar arquivos na internet mas que oferece outras funções e uma delas é essa para criação de formulários.

Para usar o formulário do Google Drive basta você ter uma conta Google, ou seja, um e-mail do Gmail e você já terá tanto o Google Drive para salvar seus arquivos como também poderá usar qualquer outra função do Google Drive como é o caso dos formulários.

Vídeo

Criando o Formulário

1º Passo: Clique no botão abaixo para entrar no Google Drive com sua conta Google:

Google Drive

2º Passo: Assim que fazer o login no Google Drive com sua conta Google do lado esquerdo clique em “Criar” e depois em “Formulário“:

3º Passo: Você poderá escolher alguns formulário já prontos mas o ideal é escolher o modelo “Padrão“. Feito isso clique em “OK“:

4º Passo: Agora você deve preencher o seu formulário. Vou mostrar somente o básico para você criar um.

1. Coloque um título do seu formulário

2. Coloque uma descrição para o seu formulário

3. Coloque o nome da pergunta. Exemplo: Nome, E-mail, Assunto

4. Selecione a opção “Texto” para que seja uma caixa de texto simples com na imagem abaixo

5. Marque se essa caixa é obrigatória responder ou não

6. Clique em “Concluído” para adicionar o item que você configurou

7. Feito isso clique em “Adicionar item” e faça o mesmo procedimento para adicionar outros itens como citei: Nome, E-mail, Assunto

5º Passo: Após adicionar os itens “Nome” e “E-mail” fazendo os procedimentos acima agora vamos adicionar o item “Comentário” no qual precisa ter um espaço maior para se fazer o comentário. Veja como deve ser:

Para isso clique em “Adicionar item” e no local do “Texto” selecione o item “Parágrafo” para ficar como na imagem acima e clique em “Concluído“:

6º Passo: Para visualizar como o seu formulário ficou clique em “Ver formulário publicado“:

7º Passo: Agora clique no menu “Respostas” e depois em “Escolher o destino da resposta“:

8º Passo: Marque a opção “Novo planilha” e clique em “Criar“:

Isso fará com que uma planilha com o nome “Formulário Teste (respostas)” será criada no meu Google Drive e é para essa planilha que os contatos enviados serão salvos.

Colocando o Formulário no Blog

1º Passo: Clique em “Enviar formulário” no canto superior direito:

2º Passo: Agora clique em “Incorporar” para pegar o código:

Escolha a largura e a altura do seu formulário e copie todo o código que for mostrado como no item dois na imagem abaixo:

Agora coloque esse código em “HTML” no Blogger e em “Texto” no WordPress.

Visualizando as Respostas

Lembra do 8º passo lá encima? Quando criamos uma planilha para receber as respostas do formulário? Então, para visualizar as respostas basta abrir esse formulário no seu Google Drive:

O formulário será como na imagem abaixo quando receber as respostas:

Como adicionar o Google Analytics no Blogger e WordPress

Assim que criei meu blog tive um pouco de dificuldades para colocar o Google Analyticts em meu blog, e por esse motivo hoje estarei mostrando que não é um bicho de sete cabeças. Vamos lá.

O Google Analyticts é um serviço do Google (claro) que permite aos webmasters acompanhar várias informações sobre o blog. Uma das funções que acho interessantes do Google Analycts é que podemos acompanhar em tempo real quantas pessoas estão no blog, saber se vieram do Google ou de uma rede social, saber em quais artigos elas estão, entre outras coisas.

Portante se você quer adicionar ao seu site ou blog, nesse artigo vou mostrar como criar um código de acompanhamento, e mostrar também como adicionar ao seu site ou blog, seja ele no Blogger ou WordPress.

Criando o seu código

1º Passo: Entre no site do Google Analycts usando sua conta do Google. (Gmail, Google Drive etc) e clique em “Inscreva-se“:

Acessar Google Analycts

2º Passo: Agora escolha como será o seu código de acompanhamento preenchendo as informações:

O que você deseja acompanhar?

Deixe marcado a opção “Website” para poder implementar no nosso site ou blog.

Selecione um método de acompanhamento

Marque a opção “Universal Analycts” pois possui mais opções, apesar de ser beta.

Configurações de sua propriedade da web

Preencha com as informações sobre o seu site ou blog como: Nome, link do seu site etc.

Configurações de sua conta

Escolha um nome para sua conta e clique em “Obter ID de acompanhamento“:

Termos do Serviço do Google Analycts

Será preciso aceitar os termos de uso do Google Analycts.

Selecione “Brasil” e clique em “Aceito“:

Pronto! Feito isso você será redirecionado para enfim pegar o seu código de acompanhamento. Código que mostrarei como adicionar ao seu site ou blog.

Colocando no site ou blog

1º Passo: Na primeira tela você verá o seu código de acompanhamento. Selecione e copie totalmente:

2º Passo: Entre no painel do seu site ou blog para colocar esse código no código-fonte fonte do site ou blog.

Blogger:

Clique em “Modelo” depois em “Editar HTML” e pesquise por: </body> e logo acima dele cole o código do Google Analycts:

WordPress:

Clique em “Aparência” depois em “Editor” e depois procure por: “footer.php” (rodapé).

Ai então pesquise por </body> e logo acima cole o código do Google Analycts: