:Dicas Blogger
Autor: Christian | Publicado: 2010-12-24T04:45:00-08:00

Widget de Ultimos Comentários na Sidebar


Estava eu pesquisando pela rede um Widget onde aparecesse os ultimos comentários recebidos aqui no blog, de forma que pudesse facilitar o encontro de todos os comentários recebidos no dia. Essa ideia de incluir o widget de comentarios recentes também poderia funcionar como uma forma de divulgar os leitores comentaristas do meu Blog.Finalmente encontrei um Widget criado pelo site Blogger Template, só que ele , além se ser todo em inglês, não me agradou 100% em alguns aspectos. Então resolvi, estudar o código deles, e estudando e fuçando bastante, consegui fazer algumas modificações (ufaa, ficou do jeitinho que eu queria).

e você quiser adicionar esse widget no seu blog, é bem simples.
Vá em 'Layout' → 'Elementos de página' → Clique em 'Adicionar um elemento de página'→ Escolha tipo 'HTML/Javascript'.

Copie o código abaixo e cole na widget: 

Inclua o nome do seu blog onde está escrito: NOME-DO-SEU-BLOG.
Se você quiser personalizar os elementos que aparecerão:

- Para alterar o número de comentários altere em [var numcomments = 5;], onde está o número 5 troque pelo número de comentários que você quer que apareça.

- Se não quiser que a data dos comentários apareça, troque "true" em [var showcommentdate = true;] por "false".

- Se não quiser que apareça o título do post troque "true" em [var showposttitle = true;] por "false".

Eu particularmente, achei este recurso muito bom, porque não terei mais que ficar procurando os últimos comentários para poder respondê-los, pois eles aparecem automaticamente na ordem, mostrando os links dos leitores que comentaram, com a data e o post onde foi comentado.
Efeito Arco Iris nos Links do blog
Nenhum Comentario!

Dê um colorido legal em seus links no blog, adicionando um efeito arco-iris nos links, usando javascript. 
Com este efeito, ao passarmos o mouse em cima do link, ele muda de cor, proporcionando um visual de cores simultâneas, bem atraente. 
Quer ver como adicionar este efeito? 

Vá em Layout &gt;&gt; Editar HTML &gt;&gt; Expandir modelos de widgets. 
Copie o código abaixo e coloque-o antes de: 





Salve as modificações. 

Se quiser aumentar ou diminuir a velocidade na transformação das cores, basta editar o valor em var = 20; 
Lembrando que, quanto maior o valor, maior a velocidade. 

OBSERVAÇÃO: 
Este efeito será aplicado a todos os links existentes no blog. 

Como dividir a sidebar em duas


Em vez de colocar 3 colunas no blog (um menu de cada lado das postagens) uma opção bem interessante é dividir a sidebar em duas colunas, isso deixar a sidebar (menu do blog) largo no começo e a partir do ponto que desejar ele se divide em duas colunas, com na imagem abaixo: 


Para fazer isso no seu blog entre na pagina editar HTML, antes de começar salve uma cópia do seu template (baixar modelo completo) assim poderá facilmente voltar ao modelo atual se tiver algum problema. Usamos o template Mínima do Blogger para fazer essa explicação, procure por: 


Depois disso procure por: 



O trecho em negrito são os gadgets que tem no seu blog, portanto no seu blog deverá ter varias linhas parecidas com essa, elas não interferem em nada essa modificação é apenas o conteúdo da sua sidebar. O importante é colocar o código abaixo entre : 




Salve e depois entre na pagina layout e arraste os gadgets para essas novas sub colunas (coluna dividida em dois): 

Para ficar melhor podemos aumentar a largura total do blog, volte a pagina editar html e procure por: 

E troque esses três valores 660px por 980px, depois note que nos trechos acima onde modificamos a sidebar tem o valor 220px, ele aparece duas vezes então modifique os dois para 460 e visualize seu blog, acho que agora ficou com uma aparência bem melhor com essas novas larguras pra as colunas. 

Fazer uma Galeria de Imagens no Blog


Às vezes queremos colocar varias imagens ou fotos na mesma postagem, mas fica um pouco esquisito, ocupando espaço demais na pagina, então uma boa solução para esse problema é organizar uma galeria de fotos ou dizendo em outras palavras fazer que todas as imagens apareçam no mesmo lugar, como um slide com miniaturas ou links que clicamos para ampliar as fotos. Veja o código:



Se quiser hospede as imagens no ImageShack então pegue o endereço de cada uma subtitua no código, lembrando que a imagem que está na parte do iframe vai aparecer e as outras ficaram ocultas só aparecendo quando clicar nos links abaixo, cuidado para não pegar o código errado a url da imagem está em direct link. Outro detalhe é que se invés de usar palavras quiser usar miniatura das imagens para fazer os link é possivel basta colocar o target="galeria" no código.

A parte principal é observar target=”galeria” veja que esse é o mesmo nome que usamos logo na primeira linha name="galeria", então se for usar mais de uma vez esse código no seu blog ou site tem que usar nomes diferentes para evitar erros.

Cuidado com o tamanho das imagens elas tem que ser todas iguais no caso usei 400 por 300, esse numero também está no código do iframe, então faça os ajustes nas imagens antes de publicar. Isso porque na verdade o iframe não é transparente, ele tem fundo branco então se as imagens forem de tamanho diferente ficará aparecendo uma margem branca, além disso, elas ficaram cortadas, pois o tamanho 400 por 300 que colocar no código do iframe é fixo, ou seja, ele não se ajusta ao tamanho das imagens.
Colocar " msn " no blog
1 comentário

Outro comunicador on-line para você manter contato com amigos. Se quiser instalar o MSN no seu blog é rapidinho também. É só seguir as etapas abaixo.
1. Entre no Messenger.live.
2. Na página que abrir, clique em "Criar HTML".
3. Na página seguinte, escolha qual aparência quer usar: janela, botão ou ícone.
4. Determine a cor, largura e altura.
5. Copie o código e cole na sua sidebar: Personalizar &gt; Layout &gt;Adicionar um Gadget &gt; HTML/JavaScript &gt; Salvar.



Widget de Boas Vindas e Feed no Blogger


Este Widget permite mostrar uma mensagem de saudação diferente para os seus visitantes para cada origem , dependendo da sua URL de referência. 



Por exemplo, quando visitantes chegam ao seu blog através do google, eles visualizarão uma mensagem sugerindo a eles para assinarem o seu feed RSS. 
Exibe também para visitantes vindos de outros sites, como BlogsBlogs, Technorati, Facebook, Twiiter etc. 
Com este Widget, seu visitante verá uma imagem e uma mensagem de saudação diferente dependendo do URL de referência, acompanha um conjunto de ícones dos principais sites e redes sociais. 
O Widget pode ser inserido em qualquer lugar, no seu blog, mas eu recomendo que a instalçao seja feita na parte superior, bem acima da coluna de postagens. 
O script original foi desenvolvido por Classic Tutorials e foi modificado e traduzido por mim. 
A instalação é super simples e fácil, e você verá logo abaixo como proceder. 
Instalando Código do Widget: 

Ainda na aba "Layout" &gt;&gt;"Elementos da página", no campo acima da coluna de postagens, clique em "Adicionar um Gadget" e Selecione a opção "HTML/JavaScript" e cole o seguinte código dentro dele:

Salve. 
Não esqueça de acrescentar a url do seu Feed no local destacado (onde está escrito URL-DO-SEU-FEED-AQUI).

Agora faça um teste: vá até o google e pesquise algum termo ou pela url do seu blog, clique no link do resultado da busca que redirecionará para seu blog e veja o que acontece com script. Agora, tente o mesmo com a busca do Yahoo e veja as mudanças da mensagem.

Este Widget não é compatível apenas com o Blogger, é compatível com Wordpress ou qualquer outro site ou blog onde possa utilizar HTML/JavaScript. Portanto, use-o onde você preferir.