Comentários Recentes para Blogger | Quero Dicas Quero Dicas : Comentários Recentes para Blogger

Quero Dicas : Comentários Recentes para Blogger

Comentários Recentes para Blogger

| |

Gadgets Comentários Recentes para Blogger

Algumas semanas atrás, procurei alguns jogos de computador bem legais para jogar. Nessa minha andança pela web, acabei me deparando com esse gadget de comentários recentes para o Blogger publicado pelo Ferramentas Blog.

O que tem a ver jogos de PC com o gadgets dos comentários? Não sei! Mas a imagem dele apareceu no buscador Google Imagens. Resumindo: Quando eu vi a imagem de exemplo do gadgets, não resisti e vim reblogar. Como sempre tive q fuçar. Fiz algumas pequenas mudanças, hospedei a imagem e claro, customizei algumas área do gadget, dando a vocês dois exemplos.

Vamos começar?

Sempre recomendo. Faça um backup do seu template ao instalar qualquer tipo de implementação de códigos dentro do HTML do seu blog e claro, de preferência a um blog de teste! Não saiba fazer Backup? Não tem problema, acesse: Como fazer um Backup ou restauração do seu blog.


Antes de fazer a instalação, clique na imagem abaixo para acessar os códigos que iremos utilizar. Deixe aberta!



Instalar Javascript

1 - Acesse o painel do seu blog
2 - Clique em "Layout" e "Adicionar um Gadget"
3 - Escolha a opção "HTML/JavaScript"
4 - Cole o código 1 (Javascript)
5 - Salve,  posicione o gadget onde desejar e clique em "Salvar organização"


Instalando Modelo - CSS 

1 - Volte para o painel do seu blog
2 - Clique em "Modelo" e "Editar HTML"
3 - Clique em qualquer lugar dentro da área de código e pressione CTRL + F para para abrir a caixa de pesquisar.
4 - Ao abrir a caixa, cole e procure pelo código:


5. Escolha um dos estilos abaixo.

Notem que as cores permanecem a mesma com 2 pequenas diferenças :

Estilo 1= Com data e, em alguns casos, o horário + a "setinha" referente ao autor do comentário.
Estilo 2= Sem data e, em alguns casos, o horário.

6. Após a escolha do estilo, copie o código referente a ele na página que deixamos aberta (logo no início do tutorial).


Estilo 1
Comentários Recentes Estilos 1

Estilo 2
Comentários Recentes Estilos 2

7. Agora cole logo acima do código ]]></b:skin>   
8. Salve e pronto!


Personalizando e alterando o Gadgets 

Como notaram nas imagens acima, eles está da mesma cor quando eu peguei no Ferramentas. Para alterá-la, é simples.

• Basta alterar onde eu deixei destacado em rosa shock no CSS


Ao alterar a cor é claro, você deve querer alterar a imagem do comentário anônimo. Para isso, basta copiar o código em azul, colar na aba do seu navegador, salvar a imagem em seu computador, hospedar no local de sua preferencia e colar a URL da sua nova imagem no mesmo lugar que a pegou. 

Quer aprender a hospedar suas imagens no blogger? Então acesse:
Como hospedar imagens no seu próprio blog

Neste gadgets apenas os 4 últimos comentários são exibidos. Para alterá-lo, basta trocar o numeral 4 em vermelho pelo número que deseja, exemplo:

nc=4;

por

nc=10;

Lembrando que este gadgets de comentários é igual aos demais já publicados aqui no Quero Dicas. Só irá aparecer quando o seu blog estiver aberto ao público.

Acesse e veja os outros modelos
• Comentários Recentes no blogger sem avatar
• Comentários Recentes com avatar para blog

Espero que tenham gostado.
Beijinhos

Reblogado a partir do blog Ferramentas Blog



Compartilhe

* Você reservou um tempinho para comentar? *

Desde já agradeço!

Devido a falta de tempo, não prometo responder a todos os comentários. Mas farei o possível!


Nenhum comentário:

Postar um comentário

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Atoananet Linkirado
subir