Códigos Blog

Pesquisar este blog

Carregando...

Destaques:

Receba atualizações por e-mail:

Assinantes
assinar feed

Seguidores
seguir perfil

Comentários
comente também

Um widget disponível no Blogger há muito tempo e que muitas pessoas ainda não conhecem, é o recurso que mostra o título com o link das últimas postagens ou dos últimos comentários no Blogger, utilizando o feed de qualquer blog ou site.
Dias atrás publiquei um post ensinando a colocar o widget de últimas postagens com imagens:
Como disse anteriormente nessa postagem, um blog precisa divulgar si mesmo dentro do seu próprio blog. Assim você transforma pára-quedistas em leitores.

Vamos à instalação:

- Faça login no Blogger, entre em: “Layout” -> “Elementos da Página”. Clique em “Adicionar um Gadget”.

- Escolha a opção: “Feed”.


- Para mostrar as Últimas Postagens adicione o link do feed do seu blog no campo disponível.
Link do feed gerado pelo Blogger (padrão): http://SEU_BLOG.com.br/feeds/posts/default
  • Substitua SEU_BLOG pelo link do seu blog.
Exemplos:
http://codigosblog.com.br/feeds/posts/default
http://codigosblog.blogspot.com/feeds/posts/default

OU

Para mostrar os Últimos Comentários, adicione:
http://SEU_BLOG.com.br/feeds/comments/default
  • Substitua SEU_BLOG pelo link do seu blog.
Exemplos:
http://codigosblog.com.br/feeds/comments/default
http://codigosblog.blogspot.com/feeds/comments/default

Obs.: Em ambos os casos você pode adicionar o link do FeedBurner.

- Clique em “Continuar”.
Escolha o título, número de postagens a serem exibidas (máximo 5), mostrar ou não a data do item, colocar assinatura do autor ou não, abrir link em outra janela ou não.


- Clique em salvar e pronto! Widget implantado.

Tags: widget, últimas postagens, últimos comentários, lista de últimos posts.


O Blogger iniciou há alguns dias atrás um processo de melhoramento nas páginas de seu servidor. Este processo visa diminuir o tempo de carregamento de cada blog, e como nem o Google é perfeito, alguns bugs surgiram nesse prazo.

Problemas como:
  • A dificuldade de movimentar widget/gadgets da página, impossibilitando a modificação da ordem dos elementos da sidebar por meio da aba: “Elementos da Página”. 

Esse problema foi apresentado em alguns blogs e em alguns momentos. Uma solução breve é movimentar elementos diretamente no HTML do template. Já a solução final é esperar.
  • O não carregamento do editor de postagens, ficando assim impossível postar diretamente do Blogger ou do Draft in Blogger.
Esse problema segundo o Twitter do Blogger já foi resolvido:
"Issues with new post editor should be resolved. Please resume using new editor, and let us know if you're still having problems."
Tradução: Problema com o novo editor de postagens foi resolvido. Por favor, continue usando o novo editor, e nos informe sobre qualquer problema.
@Blogger - http://twitter.com/Blogger/statuses/9587636216
Caso o problema volte, configure o seu Blogger para usar o editor antigo de postagens:
“Configurações” -> “Básico” -> “Selecionar editor de postagem” -> “Editor Antigo”:


Depois clique em salvar.
Caso ainda apresente problemas, a solução é postar por meio de um programa, como o Windows Live Writer.

Aguardemos as modificações que prometem!
Abraços e nada de pânico... No final tudo se resolve. =]

Tags: Problemas editor postagens, resolver problema postagens, bug blogger, editar postagens blogger.

Se você sempre quis publicar alguma apresentação de slide em formato: ppt, pot, odp, pps, pdf, doc, sxw, odf, oft, rtf, xls, txt, ods, pptx, ppsx etc. Essa é uma excelente saída!
O site SlideShare é um site que publica suas apresentações na web e disponibiliza um quadro em forma de slides. Dessa forma você pode usar suas apresentações em seu blog.

Veja o exemplo:

Para criar uma apresentação de slides siga os passos:

- Entre no site SlideShare, se preferir crie sua conta, porém não é necessário.
  • Obs.: Usando uma conta fica mais fácil você gerenciar as suas apresentações.
- Clique em “Upload”.



- Procure o arquivo a ser enviado.



- Preencha a ficha sobre o arquivo enviado e configure de acordo com o conteúdo:

  • Title – Título do seu blog;
  • Tags - Palavras relacionadas ao conteúdo do arquivo, separados por virgulas;
  • Description – Descrição do conteúdo do arquivo;
  • Privacy – Conteúdo aberto ou restrito;
  • Language – Linguagem do arquivo;
  • Allow file download – Permitir link para download;
  • Category – Categoria do arquivo;
  • Delete – Deletar arquivo;
  • Publish – Publicar arquivo.
- Após clicar em “Publish”, aparecerá uma mensagem de confirmação, clique em “Here” para ver o seu slide.


- Aguarde o arquivo ser processado. Quando for liberado clique sobre ele.


As seguintes opções vão estar em sua disposição:

- Para colocar o slide em sua postagem copie o código “Embed” e cole onde quiser.

- Pronto, seu slide está no blog.
Recado do site SlideShare para você que não fez cadastro:
"A conta de convidado tem recursos limitados, mas você pode fazer upload de seus slides. Cadastre-se para uma conta real e esses slides serão transferidos para esta conta."
Abraços

Tags: Slides no Blogger, slides no blog, powerpoint no blog,slides.

Colocar uma lista com as últimas postagens em sua sidebar é uma forma de divulgar o seu próprio conteúdo dentro do seu próprio blog. Muito eficiente para “segurar” os famosos pára-quedistas, pois ao “caírem” em seu blog em busca de um conteúdo, podem gostar de outro conteúdo exposto por esse widget.


Aqui no Códigos Blog uso esse recurso e os resultados são evidentes. Para adicionar esse widget com imagens siga os passos abaixo:

- Faça login no Blogger, entre em “Layout” -> “Elementos da Página”. Na sidebar, clique em “Adicionar um Gadget”.

- Escolha inserir "HTML/JavaScript".

- Cole o seguinte código no local:
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Comentários";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://SEU_BLOG.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript">
</script>
  • Substitua: http://SEU_BLOG.blogspot.com/ pelo link completo do seu blog.

- Aprenda a modificar o widget:

BoxWidth - Largura do widget;
cellspacing - Espaço entre os células;
borderColor - Cor do fundo do widget;
thumbHeight - Largura e altura da imagem;
fntsize -Tamanho da fonte do título;
acolor - Cor do título;
aBold - Você quer títulos em negrito? (Use true para colocar e false para retirar);
numposts - Quantas postagens você quer mostrar? ;
home_page: URL do seu blog.
text - Texto usado para marcar número de comentários em cada post.


- Salve e pronto!
  • Esse widget é desenvolvido por: Blogger Tricks, apenas divulguei o seu trabalho aqui no Códigos Blog.

Tags: Últimas postagens no blogger, últimos posts com imagem, widget últimas postagens.

A maioria dos templates para Blogger apresenta um espaço em excesso abaixo do formulário de comentários. Um probleminha muito chato, mas que muita gente ainda não sabe resolver.


O problema está na altura do iframe do formulário. Resolvemos isso de forma simples: diminuindo a altura deste iframe.

Ao trabalho:

- Faça login no Blogger, entre em “Layout” -> “Editar HTML”;

- Marque a caixa: “Expandir modelos de widgets”;

- Procure (Ctrl + f) por:
<iframe
- Dentro deste iframe, procure por:
height=
- Dentro de height, entre as aspas existe um valor.
Exemplo: height='410'

Altere essa altura pouco a pouco salvando e testando cada alteração feita.
É necessário você salvar e olhar cada alteração, pois não existe um padrão de altura para os templates, então cabe a você regular a melhor altura.
Exemplo:
height='410' mude para: height='390'

- O problema é só esse. Encontre a altura certa e o problema está resolvido.

P.S.: No Blogger existe apenas um iframe (este do formulário de comentários), se você incluiu algum outro, encontre o iframe correto.

Tags: Iframe, comentários blogger, formulário de comentários blogger.

O Blogger liberou mais um recurso em sua plataforma, agora você pode colocar legendas em baixo de cada imagem usada em suas postagens sem dificuldade alguma.

Esse recurso no momento só é liberado para o Blogger in Draft (painel de testes do Blogger), mas para quem conhece o Códigos Blog sabe como é indispensável o uso desse painel.

Para adicionar legendas de forma rápida siga os passos abaixo:

- Faça login no Blogger in Draft e clique em “Nova Postagem”;

- Escreva sua postagem normalmente e ao adicionar uma imagem, clique sobre ela (a imagem).


- Repare que você terá uma opção com o nome: “Adicionar legenda”. Clique sobre ela e escreva sua legenda no local disponível.


- Pronto! Legendas de forma simples e organizada em todas as imagens.


Tags: Legenda em imagens Blogger, legenda Blogger, imagens postagens.


Uma ferramenta muito boa e indispensável nos tempos do Twitter, onde 140 caracteres nem sempre são os suficientes para uma pequena frase.
  • Qual a funcionalidade de um encurtador de links?

Usando um encurtador de URL’s fica mais prática e organizada a divulgação de um link entre amigos, principalmente pelo Twitter. Pois diminuindo o tamanho do link, é economizado espaço e alguns possíveis erros na separação do que faz e o que não faz parte do link são totalmente elimidos.
Veja um exemplo simples de um link normal e um link usando um encurtador:
Antes: http://g1.globo.com/Noticias/Tecnologia/0,,MUL1484777-6174,00-ACESSO+A+INTERNET+CHEGOU+A+MILHOES+DE+BRASILEIROS+EM+DEZEMBRO+DE.html
Depois: http://zapt.in/3kn

Deu para ter uma noção da diferença? =]
Existem vários e vários encurtadores para isso, todavia estou aqui para indicar o Zapt.in. Para mim ainda não é o melhor serviço, mas quem conhece o Manoel Lemos (Engenheiro, fundador do BlogBlogs, Brasigo e do Zapt.In, CTO da Abril Digital) sabe que o cara é bom de serviço. Então estou indicando o Zapt.in pois o serviço está crescendo, melhorando e tem grandes cabeças por trás de todo o serviço.
O site ainda está em fase de estruturação, então não fique surpreso com o layout do site, em breve tudo estará em ordem (palavras de M. Lemos).
O mais “legal” que admiro no site é a facilidade em guardar os links encurtados por você, ficando disponíveis na página inicial do site para contagem e uso quando necessário (mostrando de acordo com o PC utilizado).
Conheça outras ferramentas disponíveis no site: Zapt.in
Muitos vão pensar que tudo não passa de “puxação de saco” para o lado do M. Lemos, contudo quem realmente conhece o seu trabalho e entende bem de internet sabe o que estou falando. Admiro muito o trabalho de grandes desenvolvedores como ele.
P.S.: Em momento alguns estou falando que outros encurtadores não são bons. Ao contrário, conheço o Migre.me e também recomendo.

Espero que vocês gostem do site,
Um grande abraço.

Tags: Zapt.in, encurtador de URL, ferramenta twitter, twitter.


Todo blogueiro tem um sonho: Ser um problogger, ganhar dinheiro com isso e viver a custo do blog. Uma tarefa árdua, mas não impossível!

Conhece o blog Escola Dinheiro? Antigamente conhecido como Fique-Rico, esse blog se tornou uma das maiores referencias aos blogueiros que tentam melhorar a qualidade física de seus blogs. E que há pouco tempo passou por mudanças, mudanças positivas que visam crescimento e profissionalismo.
O Fique-Rico.com agora atua com o nome Escola Dinheiro, domínio novo (EscolaDinheiro.com), design novo, programa de parceria e muitas outras mudanças.


E com tantas mudanças, nada melhor para completar essa transição do que uma promoção de aniversário com prêmios no valor de mais 2150EUR! O site faz 2 anos que está no ar e com o patrocínio das empresas:
Oferecera 28 prêmios de tirar o chapéu aos seus visitantes, incluindo entre eles: Netbook, hospedagem, logotipo, domínios e otimizações.

Recomendo também que leia no blog como Ganhar Dinheiro.

Eu não vou ficar de fora dessa! Corra que ainda dá tempo (até dia 12 de Fevereiro).

Uma dica muito simples que sem dúvida alguma encaixaria perfeitamente no Códigos Blog Live, todavia, sei que muitos dos meus visitantes não me acompanham por lá, então publicarei aqui pelo bem de todos. (falei bonito! =P)

Então aprenda como é fácil alinhar seus textos de forma justificada:

- Faça login no Blogger, entre em “Layout” -> “Editar HTML”.

- Procure (Ctrl + f) por:
post-body {
Caso dentro de { } tenha isso: text-align: ... ;
APAGUE! Atenção: no lugar de (...) pode ser várias coisas, mas o importante é apagar toda essa parte.

- Após apagar isso, insira a seguinte linha no mesmo local (entre as chaves):
text-align: justify;
Pronto! Os seus textos dentro das postagens estão todos justificados.

Tags: Alinhas texto, justificar texto, texto justificado.


Fiz mais um template para vocês! Na verdade é um template em duas versões com cores diferentes (azul e vermelho).
Não me pergunte o porquê desse nome, sinceramente não sei de onde saiu à idéia de colocar o nome Time nos dois templates.

- Conteúdo (widgets, funcionalidades, recursos, características etc...)

- Retirada da navbar
- Formulário de comentários embutido
- Corrigido Bug "1 ComentárioS", "2 comentários"...
- Menu Horizontal personalizavel
- Citações com destaque (blockquote)
- Personalizado links postagens "Anterior", "Próxima", "Início"
- Local para anúncio no topo do blog
- Caixa de busca embutido
- Foto nos comentários
- Título de navegação otimizado para buscadores (SEO)
- Sistema de resumo automático de postagens
- Botão Twitter e Feed no topo

Para saber como modificar o logotipo, menu e tudo mais, basta encontrar o arquivo: “Sobre e Configurações” que se encontra no arquivo compactado, junto com o template.

Demo:
Template Time – Blue
Template Time – Red

Download:
Template Time – Blue
Template Time – Rede

Obs.1: Arquivos compactados (.rar).
Obs.2: Todas as imagens usadas no template estão disponíveis junto com o arquivo compactado.

Tags: Templates blogger, templates, temas para blogger.


Atualizado! 05/02/2010 Atualizado! 25/03/2010 Atualizado! 02/08/2011

Alguns dias atrás publiquei aqui no Códigos Blog um script que mostra em forma de texto o número de assinantes feed de qualquer blog e fiquei devendo o contador de seguidores do Twitter. Pois é, não consegui desenvolver um contador de seguidores como prometi, no entanto o Marcos Lemos do Ferramentas Blog conseguiu arrumar o tal script.
O Marcos está com alguns problemas no servidor do widget e com minhas artimanhas e algumas dicas do Fernando, consegui criar o código para ler o número de seguidores do Twitter e com isso o widget está completo e funcionando.

Com esse post, vou divulgar o widget de assinantes feed + seguidores Twitter. Siga os passos abaixo:

Leia mais:

- Faça login no Blogger, entre em “Layout” -> “Elementos da página”, clique em “Adicionar um Gadget” -> “HTML/Java Script

- Ao abrir uma janela cole o seguinte código abaixo:

<div align="center">
  <div style='width: 170px; height: 112px; border: 4px #EFEFEF solid;   margin: 0; padding: 0; background: #fff; font-family: "Times New Roman",   Times, serif;'>
  <div style='width: 170px; height: 40px; float: left; padding:   8px;'><img   src="http://codigosblog.net/servidor/widget_twitter+feed/feed-icon.png"   width="40" height="40" style="margin-right: 8px; float: left;"/>   <a href="http://feeds.feedburner.com/NOME_DO_FEED" target="_blank" ><span style="float: left;   margin-top: 2px; padding: 0; font-size: 17px; color: #000066;   font-family: "Times New Roman", Times, serif;">
  <script language='javascript' type='text/javascript'   src='http://codigosblog.net/servidor/contadorFeed/contadorfeed.js?uri=NOME_DO_FEED'></script>   leitores</span><br/>
  <span style="float: left; margin: 0px; padding: 0px; font-size: 12px;   color: #000066; font-family: "Times New Roman", Times,   serif;">assine o feed</span></a>
  </div>
  <div style='width: 170px; height: 40px; float: left; padding:   8px;'>
  <img   src="http://codigosblog.net/servidor/widget_twitter+feed/twitter-icon.gif"     width="40" height="40" style="margin-right: 8px; float: left;" />
  <a href="http://www.twitter.com/SEU_USUÁRIO_TWITTER"   target="_blank" ><span style="float: left; margin-top: 2px;   padding: 0; font-size: 17px; color: #000066; font-family: "Times New   Roman", Times, serif;">
  <script type='text/javascript'   src="http://codigosblog.net/servidor/contadorTwitter/contadortwitter.js?usuario=SEU_USUÁRIO_TWITTER"></script>   followers</span><br/>
  <span style="float: left; margin: 0px; padding: 0px; font-size: 12px;   color: #000066; font-family: "Times New Roman", Times, serif;">siga   no twitter</span></a>
  </div>
  </div>
  <span style="font-size: 10px; font-family:Arial, Helvetica,   sans-serif; padding: 2px 0px 0px 0px; margin:   0;"><small><script language='javascript'   type='text/javascript'   src='http://www.codigosblog.net/servidor/widget_twitter+feed/widget+codigosblog.js'></script></small></span>
  </div>
Substitua:
  • NOME_DO_FEED pelo nome do feed do seu blog.
Exemplo: http://feeds.feedburner.com/codigosblog (no caso o NOME_DO_FEED é: codigosblog)
  • SEU_USUÁRIO_TWITTER pelo nome de usuário do seu Twitter.
Exemplo: http://twitter.com/pauloestevao (no caso o SEU_USUÁRIO_TWITTER é: pauloestevao)
Obs.: Coloque o nome de usuário do Twitter todo em letras minúsculas! Se colocar alguma letra maiúscula o widget não vai funcionar.

Lembre-se: Existem quatro modificações a serem feitas.

- Depois que modificar é só salvar. Não tem problema algum em modificar o widget, basta não retirar os créditos.

- Para o contador de assinantes feed funcionar, você deve liberar a funcionalidade diretamente no FeedBurner.
Entre no site www.feedburner.com , faça seu login, acesse a conta desejada.
Acesse a aba: “Publicize” (Publicar) e clique em “FeedCount” (FeedCount) localizado no menu lateral. Após isso clique em “Activate” (Ativar).


Pronto! O contador está ativado.

Assine o Feed do Códigos Blog e em breve divulgarei mais widgets feed e widgets Twitter.

Usar um domínio próprio no Blogger é um passo grande para o profissionalismo, além de que com um domínio próprio você é dono da sua marca, caso um dia seja necessário mudar de plataforma ou transferir o seu blog para qualquer outro lugar, você não terá problemas, pois o domínio é de sua propriedade, podendo carregá-lo para qualquer lado.

Algum tempo atrás eu fiz um post ensinando a colocar domínio próprio no Blogger, mas de forma geral, nessa postagem vou ensinar a colocar o domínio próprio usando a Locaweb e a UolHost, que a meu ver são as melhores empresas para tal serviço no momento.
Leia mais: Uol Host ou Locaweb? (Domínio e Hospedagem)

Vamos ao trabalho:
  • Configurar domínio usando a Locaweb:
- Após registrar, pagar e eles liberarem o seu domínio, faça login no da Locaweb.


- No painel de controle, na caixa: “Registro de domínio”, clique no botão “Administrar”, de acordo com o domínio que vai ser implantado no Blogger.


- Clique no sinal “+”, conhecido como “Expandir”. Depois clique em “Edição de DNS’s” -> “Edição da Zona de DNS”.


- Essa parte é a mais importante, lembre-se: Não apague nada! Só adicione!
Adicione os seguintes registros:
CNAME:
Entrada: www
Prio: 0
Conteúdo: ghs.google.com
CNAME:
Entrada: http://
Prio: 0
Conteúdo: ghs.google.com
A:
Entrada: http://
Prio: 0
Conteúdo: 74.125.47.121
 

Os três registros são necessários para o seu blog entrar com e sem o WWW.
Exemplo: http://codigosblog.com.br e http://www.codigosblog.com.br

Provavelmente você deve esperar alguns minutos, pois o registro não é atualizado instantaneamente. Para saber se o seu domínio já está pronto para ser usado, basta digitar o link do seu domínio no navegador e ver se vai aparecer uma tela do Google. Se já apareceu, é só colocar o domínio no seu blog.

- Faça login no Blogger, entre em: “Configurações” -> “Publicação”. Clique no link: “Domínio Personalizado” -> “Ir para configurações avançadas”.


- Adicione o seu domínio na caixa “Seu domínio”, digite o código de validação logo abaixo e clique em “Salvar Configurações”.
Pronto! O seu domínio está funcionando em seu blog. E não precisa se preocupar, o Blogger direciona o seu domínio antigo (blogspot.com) para o novo domínio.
  • Configurar domínio usando a UolHost:
- Após registrar, pagar e eles liberarem o seu domínio, faça login na UolHost.



- No painel de controle, clique em “Ver Meus Domínios / Mudar Autoridade DNS”.


- Em “Meus domínios”, marque o domínio que você deseja fazer o direcionamento e em “Ações disponíveis” escolha: “Gerenciar zona DNS”.


- Marque de novo o domínio e escolha a ação: “Gerenciar DNS”.


- Crie as seguintes entradas:
Tipo: CNAME
Entrada: www
Valor: ghs.google.com
Tipo: A
Entrada: @
Valor: 74.125.47.121

Os dois registros são necessários para o seu blog entrar com e sem o WWW.
Exemplo: http://codigosblog.com.br e http://www.codigosblog.com.br

Provavelmente você deve esperar alguns minutos, pois o registro não é atualizado instantaneamente. Para saber se o seu domínio já está pronto para ser usado, basta digitar o link do seu domínio no navegador e ver se vai aparecer uma tela do Google. Se já apareceu, é só colocar o domínio no seu blog.

- Faça login no Blogger, entre em: “Configurações” -> “Publicação”. Clique no link: “Domínio Personalizado” -> “Ir para configurações avançadas”.


- Adicione o seu domínio na caixa “Seu domínio”, digite o código de validação logo abaixo e clique em “Salvar Configurações”.
Pronto! O seu domínio está funcionando em seu blog. E não precisa se preocupar, o Blogger direciona o seu domínio antigo (blogspot.com) para o novo domínio.

Tags: Domínio no Blogger, configurar domínio locaweb, configurar domínio uolhost, domínio no blog.


O Blogueiros na Web é criação de Fernando Jorge, um blogueiro jovem que sabe muito de PHP, Java Script e outros tipos de programação.
Como um cara desses merece espaço na blogosfera, nada mais justo que divulgar o seu trabalho e fazer uma parceria super construtiva para trocarmos experiências.
O layout foi feito por mim, onde em 1 dia procurei fazê-lo bem leve e com um design de qualidade. Espero que gostem do template e do blog.

Acesse: www.blogueirosnaweb.com

Tags: Templates, projetos, criações, temas blogger.

 
 
Blogger
Muitas dicas para você usuário da plataforma Blogger
WordPress
Leia artigos sobre a plataforma de blogs WordPress
Dinheiro
Aprenda várias formas de ganhar dinheiro com seu blog
Design
Modifique e faça agora um blog moderno, único e interativo
Dicas
Várias dicas atuais de como ter um blog de sucesso
 

Onde estamos

Divulgue



Últimas Postagens