A equipe do  Blogger vem lançando muitos novidades desde seu aniversário, agora lançou mais duas muito interessantes. O widget “Postagens Populares” e o “Estatísticas”, nada melhor do que serviços nativos sem depender de sites externos, estas novas funções estão disponíveis no painel veja como adiciona-las.

 

1) Acesse o painel do Blogger(blogger.com)

2) Vá em Layout/Design-> Adicionar um Gadget-> E selecione o widget desejado:

tutorial-1

3) Salve e visualize.

 

As informações podem parecer básicas mais são bem precisas do que as informadas por outros serviços. Que venha os próximos Widgets!

Leia mais...

imageA Navbar é a barra de serviços padrão do Blogger(que apesar de padrão é opcional), ela oferece alguns recursos básicos e que podem ser muito úteis, ela é exibida no topo da página, mas hoje veremos como coloca-lá no final. Com o uso de CSS[Folha de Estilo], veja como fazer abaixo:

1) Acesse o painel do Blogger(blogger.com)

2) Vá em Layout/Design-> Editar HTML

3) Procure pelo seguinte:

]]></b:skin>

E antes do código acima insira o próximo:

#navbar-iframe {
position: fixed;
z-index:999;
right: 0px;
bottom: 0px;
left: 0px;
}

4) Salve as alterações e visualize.

 

Referência: El Escaparate de Rosa

Leia mais...

twitter

O Twitter lançou recentemente mais uma ferramenta, que já existia mais não era feita pela empresa, a aparência é quase igual aos demais, o único ruim é que não oferece os mesmo recursos dos outros serviços, mais a contagem de retweet, não ficou de fora. Vamos ver abaixo como inserir este botão nos Blogs da plataforma Blogger.

Editando o HTML

1- Acesse o site oficial da ferramenta, escolha o botão desejado e copie o código gerado.

2- Vá ao painel do Blogger(blogger.com)

3- Acesse Layout/Design-> Editar HTML-> Marque a caixa Expandir Modelos de Widgets

4- Procure pelo seguinte código:

<data:post.body/>

5- Antes dele insira o seguinte código alterando os dados necessários:

<div style="float:right;padding:4px;">

<!-- Abaixo desta linha insira o código gerado no passo 1 –->

</div>

ou

Código pronto com botão padrão:

<div style="float:right;padding:4px;">

<!-- Abaixo desta linha insira o código gerado no passo 1 –->

<a href="http://twitter.com/share" class="twitter-share-button"expr:data-url="data:post.url" expr:data-text="data:post.title"data-count="vertical" data-via="SEU-USUÁRIO-DO-TWITTER">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

</div>

OBS: Insirá no lugar em vermelho seu nome de usuário do Twitter.

6- Salve as alterações e visualize.

 

Imagem por: Advance Host

Leia mais...

 

no_spam

Este é mais um excelente recurso que foi lançado pelo Blogger, ele protegerá o seu blog contra comentários de spam, a ferramenta filtra os comentários considerados como spam e, além disso, ainda permite que você leia estes comentários se necessário.

A Ferramenta esta sendo inserida aos poucos então é possível que seu blog ainda não possua. Para ver se você já tem a ferramenta vá ao painel do Blogger e procure pela Guia “Comentários”, se a possui é só começar a usar. O sistema Filtrará os comentários considerados spam e colocara em uma caixa chamada “Spam”, onde você poderá escolher qual você quer ou não.

 

Imagem por: Bryanreesman

Leia mais...

Imagens são um tipo diferente de indexação pelo robots, pois elas não contém textos ou qualquer informações em “HTML”, para amenizar está situação os robôs de busca utilizam de diversas formas para encontrar o conteúdo daquela imagem e assim defini-lá em algumas palavras chaves, veja quais são estes pontos abordados pela busca.

Nome da imagem

A primeira parte e a mais importante é a URL, por isso de um nome a sua imagem, essencialmente um que tenha sentido ou que descreve ela, veja o exemplo abaixo:

praia,praia linda,coqueiro
(URL desta imagem é http://noticiaeblog.mynetcko.com/praia-linda.jpg)
Veja que é importante separar os nomes por hífen, analisando o nome observe que na URL colocamos “praia-linda”, definimos a imagem, e em seguida damos um adjetivo.

Atributos HTML

Esta é uma parte também muito importante, pois está, estará em uma linguagem que os computadores podem analisar, inserimos dados como nome e palavras chave, veja o trecho de HTML para embutir imagens:

<img src='http://noticiaeblog.mynetcko.com/praia-linda.jpg' alt='praia,praia linda,coqueiro' title='Praia Muito Linda'/>

Observe o atributo alt, inserimos palavras chaves separadas por vírgula, sendo estas palavras que tem sentido com a imagem, também pode ser colocado apenas uma expressão. Já o atributo title colocamos um nome sugestivo para também definir a imagem, sendo este exibido na página ao repousar o mouse sobre a imagem.

É importante sempre se lembrar destes pequenos detalhes para ter sempre uma boa indexação, não só no Google, mais em todos os buscadores.

 

Imagem por: Imotion

Leia mais...

web-tech

Instruções | Demo | Download

Excelente template com visual muito bonito, convertido de HTML para o XML do Blogger, possui muitos recursos personalizados, fora os que você pode personalizar, veja algumas características do template:

  • Data Personalizada
  • Sidebar a direita
  • Três colunas no footer
  • Menu Horizontal
  • Caixa de Newsletter
  • Ícones do Twitter,RSS

Aproveite e ainda personalize mais com recursos especiais que você pode encontrar no nosso blog.

 

Designer do Template: Templatemo.com

Convertido para o Blogger: Notícia e blog

Leia mais...

O designer do modelo é a mais nova forma de criar e personalizar um template no Blogger, desde de que foi lançado tem chamado a atenção na blogosfera pelas suas inúmeras funcionalidades, agora tem mais um novo recurso que permite que o usuário adicione seu próprio fundo(background) ao template. Acesse o painel do “Blogger in draft”, vá em “Design” e em seguida clique em “Designer do modelo”, depois em “Plano de fundo”:

tutorial-1

Clique no local indicado pela seta, e selecione “Fazer upload da”:

tutorial-2

Em seguida selecione a imagem desejada, lembrando que ela não deve ultrapassar as seguintes definições:

Formato: PNG,JPG,GIF.

Altura x Largura: 1800 x 1600 pixels ou maiores.

Tamanho: 300kb máximo. ( é indicado imagens menores, para não pesar a página).

tutorial-3

Clique em “Concluído”. E pronto seu fundo já estará inserido depois a outros configurações nas quais encontram-se na mesma opção. Se quiser fundos para inserir veja está postagem: Vários fundos para Blogger - Veja como colocar no seu.

 

Referência: Blogger in draft

Leia mais...

pro-teal-blogger

Download | Demo

Este é um template convertido para Blogger, que possui todos os erros básicos corrigidos, veja algumas características deste lindo modelo.

  • Adaptado as páginas fixas
  • Corrigido o Erro 1 comentárioS e 0 comentárioS
  • Ajustado totalmente pelo painel de controle sem necessidade de alteração do HTML
  • Comentários com Fotos
  • Jump Breaks  (leia mais…)

Para baixar este template clique em “Download” e para visualizar clique em “Demo”, você ainda encontra recursos adicionais aqui no blog nos quais você mesmo pode adicionar.

 

Designer do Template: Templatemo.com

Convertido para o Blogger: Notícia e blog

Leia mais...