Templates para blogger grátis - 21/01/12

Templates para blogger grátis

Templates para blogger grátis. Iniciamos há alguns dias atrás a publicação de templates grátis para blogger aqui no blogger na web. De tempos em tempos, lançaremos atualizações como este artigo de hoje, mais os leitores poderão acompanhar tanto pelo artigo original Templates para blogger grátis como via feed, pois sempre colocarei uma nota aqui no blogger.

Templates para blogger – atualização 21/01/2012

Libera – Download		Lofty – Download
Luxury Home – Download		Media Online – Download
Mondo – Download		News Publish – Download

 

Um abraço a todos e até a próxima!

Continue lendo »

Postado em: Templates

Recurso responder comentários

Como muitos publicaram na internet durante esta semana, o blogger finalmente liberou o recurso de responder comentários se forma semelhante ao existente no Wordpress, onde as respostas vão ficando em cascata e abaixo da pergunta original. Este recurso responder comentários vem para suprir uma necessidade que a plataforma blogger possuia e que agora está disponível a todos os blogueiros. Como este blog ensimos como criar um blog, criar um dominio e diversas dicas relacionadas, hoje vamos falar sobre este recurso tão esperado.

Recurso responder comentários – Configurar blogger

Algumas pequenas configurações são necessárias para que o blog passe a ter o recurso responder comentários disponível. Acesse sua conta no blogger e em seguida acesse o menu Postagem e comentários. Na opção Local do comentário, a mesma deve ser configurada com a opção Incorporado, conforme indicado na imagem abaixo:

Além disso, conforme noticiado no blog oficial do blogger, também é necessário que a configuração de feed esteja como completa. Desta forma, acesse sua conta do blogger no menu Outros e em Permitir feed de blog deixe o combo como Completa, conforme figura abaixo:

Recurso responder comentários – Templates personalizados

Para quem possui um template pré-definido do blogger, estas são as configurações necessárias e seu blog já esta pronto para utilizar o recurso. Para quem possui template personalizado, é necessário que seja feita a edição do código fonte do mesmo. Lembrando que para todas as alterações recomendamos fazer um backup do blog antes.

Acesse dua conta do blogger, vá no menu modelo e em seguida clque em Editar HTML. Clique na caixa Expandir modelos de widgets e lá você deverá localizar o seguinte código abaixo:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:include data='post' name='comments'/>
</b:if>

Todo este trecho deverá ser substituído pelo trecho abaixo:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <b:if cond='data:post.showThreadedComments'>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
   <b:include data='post' name='comments'/>
  </b:if>
</b:if>

Pronto, seu recurso de responder comentários também já esta pronto para ser utilizado.

Recurso responder comentários – Resultado

Durante esta semana, retirei do blog Gerenciando blog um exemplo deste recurso em funcionamento, onde o mesmo ficou bastante interessante. Abaixo uma imagem de exemplo:

Um abraço a todos e até a próxima!

Continue lendo »

Postado em: Recursos blogger

Caixa de atualizações Twitter

Caixa de atualizações Twitter

O Twitter que é atualmente uma das maiores redes sociais existentes e que é responsável por ter uma impressionante capacidade de explosão viral de seus conteúdos (ler mais em definição de marketing viral), tem oferecido aos blogueiros ricas fontes de integração com os blogs, tornando a rede social parte integrante dos mesmos. Já postamos aqui no blog uma série de ferramentas para gerenciamento de suas contas no Twitter, como Twitter Feed, Tweet Effect, Magpie, Untweeps, TwitterDmer, Twitter Widgets, Free Twitter Designer, Spread Tweet, Tweet-u-later e hoje resolvemos ensiná-los como acrescentar uma caixa de atualizações do twitter com efeito de transição.

Caixa de atualizações Twitter – Características

A caixa de Atualizações do Twitter que vamos publicar hoje esta com um visual moderno.Nos tempos atuais, Não é comum entrarmos em um blog e encontrarmos aquelas caixas de seguidores que o próprio Twitter disponibiliza. Foi por esta razão que estamos publicando este artigo com uma caixa de atualizações do twitter bem moderna. O JS contido no Código da caixa de atualizações twitter consegue obter o nome de usuário e a imagem do Perfil do Twitter. Além de ter o novo botão de seguir do twitter que é instantâneo, você clica e segue na mesma hora.

O cabeçalho foi baseado no novo Twitter que está sendo disponibilizado aos poucos. O novo azul mais claro faz parte da nova Barra do twitter, onde fica a logo, a caixa de buscar e outros links para a rede. Na área onde ficam os tweets recentes, esta com efetio de transição automática. Logo abaixo dos tweets links para Responder o tweet e mostra o momento em que esse tweet foi publicado. Todas as cores são baseadas no novo azul claro do Novo Design do Twitter.

Caixa de atualizações Twitter – Código

1º passo – Acesse o Painel do seu Blog na plataforma blogger e clique na Guia Layout.
2º passo – Em seguida clique em Adicionar Gadget na sua lateral.
3º passo – Depois selecione o Gadget HTML/Javascript.
4º passo – No título do Gadget, adicione o que desejar.
5º passo – No conteúdo, adicione o seguinte código (lembre-se de substituir os dados do twitter).

<script src="http://dl.dropbox.com/u/44914301/codigos/twitter-box/twitter.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 5,
interval: 4000,
width: 'auto',
height: 160,
theme: {
shell: {
background: 'transparent',
color: 'black'
},
tweets: {
background: 'transparent',
color: 'black',
links: 'blue'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'default'
}
}).render().setUser('NOME DO TWITTER').start();
</script>
<script language="JavaScript">
twitter= "NOME DO TWITTER NOVAMENTE"
document.write('<iframe frameborder="0" height="30" name="iframe" scrolling="no" src="https://platform.twitter.com/widgets/follow_button.html#_=1324001131787&_version=2&enableNewSizing=false&id=twitter-widget-6&lang=pt&preview=true&screen_name=' +twitter+ '&show_count=false&size=m" width="230"></iframe>')
</script>

6º – Após isto salve e teste o widget.

Continue lendo »

Postado em: Gadgets

Templates para blogger grátis

Templates para blogger

Templates para blogger grátis. Hoje vamos iniciar aqui no blogger na web uma série de atualizações onde publicaremos sempre neste artigo e em outros atualizações com vários templates para seu blog grátis. Como sabemos, após criar um blog é essencial termos um template que de um destaque visual importante e ofereça espaços adequados para postagens, publicidade e gadgets para integração com nossos leitores. Extamente por isto, vamos disponibilizar aqui vários templates para blogger.

Templates para blogger – Forma de Download

Para auxiliar na divulgação do blog nas redes sociais, todos os downloads serão efetuados pela PagSocial. Para quem ainda não conhece a ferramenta, a PagSocial é uma respeitada empresa na internet que oferece a possibilidade de download de arquivos porém quem desejar efetuar o download necessita logar-se com seu usuário de uma das redes sociais (Facebook, Twitter ou Orkut). Ele disponibiliza o download e em troca envia uma mensagem para os contatos de sua rede divulgando o artigo de onde efetuou o download. Peço que ajudem.

Templates para blogger – Pedido do autor do blog

Pedimos a todos os leitores que efetuar download de algum dos templates deste blog para não retirar os créditos no final do layout.

Templates para blogger – atualização 21/01/2012

Libera – Download		Lofty – Download
Luxury Home – Download		Media Online – Download
Mondo – Download		News Publish – Download

Templates para blogger – Atualização 04/01/2012

Ifashion – Download		GreenHosting – Download
Legdy – Download		Grade – Download
ArcadeGames – Download		DroidPress – Download

Acompanhe este artigo, pois serão disponibilizadas as atualizações e novos templates serão divulgados.
Um abraço a todos e até a próxima!

Continue lendo »

Postado em: Templates

Google maps – Como adicionar no blog

Já há algum tempo o blogger lançou a possibilidade de inserir o Google Maps dentro de artigos e postagens. Este recurso é muito importante e pode ser utilizado em diversas situações, principalmente em blogs corporativos onde a empresa deseja oferecer a seus leitores endereços de locais onde a mesma cita em seus textos.

Google Maps – Como adicionar no blog – Situações de uso

Este é um recurso muito interessante e que pode ser utilizado pelo proprietário do blog em diversas situações. Muitas vezes, é utilizada pelo simples fato do autor das postagens desejar divulgar o local onde são criados os artigos e desenvolvido todo o trabalho. Porém, analisando o mundo corporativo, é extremamente útil quando falamos de empresas que desejam mostrar endereços de lojas, unidades, e outros locais na qual é citado no texto. As situações de uso podem ser diversas.

Google Maps – Como adicionar no blog – Disponibilização para templates

Inicialmente, o blogger quando lançou esta integração com o Google Maps, somente estavam disponíveis para quem possuia um template do próprio blogger, ou seja, não havia como adicionar em templates personalizados e, para ser sincero, ainda não sei se já esta pronto para todo e qualquer template. Como tudo (ou quase tudo) tem solução, vou ensinar a liberar essa nova função para todos, até para você que tem um template totalmente personalizado.

O primeiro passo é acessar “Layout” -> em “Postagens do blog” clique em “Editar”. Em seguida, marque a opção “Local” e salve. (clique na imagem para ampliar).

Isso indicará ao template que você quer que seja exibida a nova opção.

Google Maps – Como adicionar no blog – Alterações no fonte

A seguir, entre em “Editar HTML” e encontre o código:

<div class='<b>post-footer-line post-footer-line-3</b>'>

Logo abaixo adicione:

<span style="font-size: x-small;"><span class='post-location'></span><br> <span style="font-size: x-small;"><b:if cond='data:top.showLocation'> <b:if cond='data:post.location'> <data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a></span><br> <span style="font-size: x-small;"></b:if> </b:if> </span></span>

Feito isso seu template estará pronto para rodar a nova funcionalidade. Mas antes de salvar dê uma conferida visualizando para não estragar seu template.

Continue lendo »

Postado em: Recursos blogger