Uma boa notícia! Hoje acessando o Blogger in Draft percebi dois novos ícones e fui conferir.  Agora podemos postar vídeos num clic.  Ainda mais, ao dar um duplo clic em cima do vídeo e posicionando o mouse sobre os quadradinhos é possivel ampliar o tamanho. Essa é a primeira novidade. Veja as imagens.

 

  

Se quiser saber o código do vídeo para postar em outras páginas, Orkut, etc.., é só clicar em  “Editar HTML”e copiar o código, que deve ser parecido com esse selecionado em azul.

A outra novidade é um tradutor bem interessante.

Escreva o texto e depois, se quiser traduzir para qualquer língua, clic no ícone vermelho Se quiser definir uma palavra clic em “Definir”(óbvio) . Se quiser traduzir todo o texto, clic  em “Traduzir”. Clic em “Concluído”e pronto. Terá seu texto ou apenas uma palavra, como quiser, traduzidos instantaneamente. Caso tenha copiado um texto em inglês, por exemplo, poderá traduzi-lo da mesma maneira. Facilita muito o compartilhamento das informações que colhemos na Internet e que muitas vezes dão um trabalhão para traduzir. Muito legal!

Ainda tem mais! Você quer saber para onde vão suas imagens hospedadas no Blogger (sempre achei um mistério), pois bem, agora a nova janela explica e te dá opção de escolher em que álbum do Picasa (se tiver mais de uma conta Google) você quer hospedar. Olha que bom!

Pois é!! Parece que o Blogger está mesmo cada dia melhor e pronto para atender as necessidades dos novos blogueiros e internautas. Muito bom! A gente agradece!

 

Cut My Pic !!! Muito, muito simples! Esse excelente aplicativo vem facilitar a vida principalmente de quem precisa postar imagens recortadas, ou envia-las por e-mail. As fotos para enviar por e-mail tem um campo abaixo, como um cartão postal,  para textos ou especificações, informações, enfim… Eu uso o Aviary  veja para muita coisa, mas essa ferramenta bem mais prática  melhor quando se quer apenas recortar.

Veja nas imagens:

• Enviar a foto (imagem)
• Editar o formato  e opção de sombra  (Drop Shadow)
• Prever - (Preview)
• Salvar em seu computador ou escrever o texto e enviar por e-mail

 

Simples assim =)

DEMO / Download

Um template claro, bastante funcional e bem adequado a um blog pessoal.

Sobre o desenho do template "Simplex" de AskerAkbar ► BloggerThemes , fiz  modificações, inseridos espaço para imagem no header,  posicionamento das widgets da sidebar, inseri variáveis para que os títulos, cores e texto possam ser mudados ao gosto do freguês (como diz minha teacher Ariane). Também acrescentei algumas funcionalidades à barra de links (menu) que também foi totalmente modificada. Ou seja, um novo template

Propriedades:

• Imagem opcional no header
• Menu com ícones sociais
• Duas colunas
• Ampla área de postagem
• Blockquote personalizado
• Sidebar com espaço para publicidade
• Jump link (“continue lendo”) do próprio Blogger, personalizado
• Ícones sociais para compartilhamento de postagem, com efeito opacity, posicionado antes da área de comentários.

Tutorial:

*Passo a passo para instalação de templates ►aqui

Configurar o cabeçalho:

Clic na imagem abaixo e salve em seu computador.

Tamanho original: 960px (largura) X 313px (altura).

Obs..: Você poderá escolher ou editar qualquer outra imagem cuidando para manter as dimensões.

Configurar menu:

Em sua página de edição, procure pelo trecho <div id=’menu’>. (Utilize as teclas Ctrl + F para encontrar mais fácil).

Sigas as instruções conforme imagem abaixo

Neste modelos há ícones para Feed,Twitter, Facebook,Dellicious, Youtube e para seu email.

Caso você queira trocar os ícones sociais por outros, procure no site Iconfinder ou em outro de sua preferência.

Caso queira eliminar algum link, é só apagar todo o trecho .

Exemplo:

SELECIONAR E APAGAR O LINK “HOME”

<li><a href='#nogo'><b>Home</b></a></li>

SELECIONAR E APAGAR UL LINK COM “ÍCONES SOCIAIS”

 

<li><a href='http://Seu_Feed'><b> </b><img alt='icones' border='0' src='http://i9.photobucket.com/albums/a65/mamanunes/feed-1.png'/></a></li>

Configurar área de publicidade:

 

Em sua página de edição, procure pelo trecho <div class='ads'> para editar os endereços conforme imagem abaixo.

Os banners de publicidade deverão ter 150 x 150 px.

Os Ícones de compartilhamento da postagem estão posicionados acima da área de comentários.

 

Se quiser alterar essa área, mudar os ícones, eliminar ou acrescentar outros, vá em sua página de edição, clic em “Expandir modelos de widgets” e procure pelo trecho <div class=’bookmark’>

Para apagar um ícone faça como ensinei na configuração do menu.

Para mudar o ícones, depois de hospedado no Photobucket, Tinypic ou outro de sua preferência, troque o endereço (em verde) pelo novo.

Ufa! Acho que é só isso.

Qualquer dúvida, escreva nos nos comentários e eu farei o possível para responder o mais breve.

Essa indicação não tem relação nenhuma com templates, blogs, gadegts e afins. O SpecialGourmets é um guia global de restaurantes, hotéis e lojas para quem tem alergia a alimentos quem contêm glúten, lactose ou outros.  Como nessa época de Natal e férias muita viaja, fica aí a dica de um site indispensável para ser ter nos favoritos.

Há várias utilidades para um gadget no topo do blog, por exemplo, banners de divulgação,  publicidade( Adsense), lista de links, ícones de redes sociais, etc..
Tenho um amigo que está construindo um blog/Rádio e precisa de espaço para colocar um player horizontal e a maneira mais fácil é inseri-lo no Blogger é colocar o código dentro de um  elemento HTML/JavaScript, direto na página de edição, “Layout”.
Vamos ver como criar esse espaço:


Antes de mais nada, faça um backup do seu template para não correr o risco de perder tudo, certo?

Copie o código CSS abaixo :

#topads-wrapper {
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
height: 100%;
background-color: $topadscolor;
}

• 
  Faça o login no Blogger
  
  
• 
  No painel, clic em “Layout”
  
  
• 
  Em “Layout” clic “Editar HTML”
  
  

Cole o código CSS acima do trecho ]]></b:skin> (Use as teclas Ctrl e F para encontrar o trecho)
Copie o código HTML abaixo:

<div id='topads-wrapper'>
<b:section class='topads' id='topads' preferred='yes'/>
</div>
<div style='clear: both;'/>

Cole o código HTML abaixo do trecho <body>
Para que você possa editar a cor de fundo do seu gadget é necessário definir a “Variável” dentro dos códigos.

Para isso, copie o código abaixo e cole abaixo do trecho */ Variable definitions

<Variable name="topadscolor" description="Topads Color"
             type="color" default="#c60" value="#ffffcc">

Veja na imagem abaixo, como deverá ficar.

Obs.:
Se você reparar, no código CSS, há um trecho que para definir a cor de fundo que o gadget deverá ter:>
background-color: $topadscolor;
Caso você não queira nenhuma cor de fundo é só escrever transparent no lugar de &topadscolor.

Uma dica  útil para quem tem muitos artigos ou itens em sua lista, “Marcadores”,  na sidebar , como no meu caso. Ideal se você tem uma sidebar larga que comporte duas ou mais colunas.
Há várias maneiras de dividir as colunas mas essa que quero compartilhar é muito fácil; é truque eu aprendi no Chica Blogger que por sinal eu recomendo muito.
Trata-se de um simples código CSS, inserido no template. Veja como:

#Label1 ul li{
float: left;
width: 45%;
}

Faça login no Blogger e no painel  clic em “Layout”  e em “Layout” clic na aba “Editar HTML”.
Dentro da página de edição, procure o  seguinte código (Use as teclas Ctrl e F):

 ]]></b:skin>

Cole o código  CSS que você copiou, ACIMA desse trecho.

Obs.: Repare que a divisão é definida por % e nesse exemplo usei 45%, ideal para duas colunas, mas se você quiser (e tiver espaço) para 3 colunas,  é só diminuir para 30% .
Veja o artigo completo no Chica Blogger e aprenda outras utilidades para esse truque, que pode ser aplicado em qualquer widget, como lista de links por exemplo.

 Trill,  uma criação de Cameron McEfee é um pequeno passarinho que fica pousado no final da nossa página e permanece sempre visível, esperando por um clic sobre ele para mostrar nosso último “tweet” de maneira divertida e muito original.

 

Em setembro desse ano (2009) sugeri ao JMiur do Vagabundia que desenvolvesse o projeto para que leigos como eu pudessem adiciona-lo ao Blogger. Ele “destrinchou” o script e traduziu para o espanhol. Muiiiito “bunitim” =D.

O Cameron McEfee anunciou ontem no Twitter que vai disponibilizar o Trill em vários idiomas. Eu Gostei!!! Vamos aguardar que venha em português.

Se você quer usar o widget em espanhol, visite a página com o tutorial do Vagabundia, siga os passos e tenha o simpático Trill pousado em sua página.

Siga no Twitter ► Cameron MacEfee

                      ►Vagabundia

Caso você use um template sem a Navebar Blogger e queira recoloca-la, clic na aba “Editar HTML”. Procure pelo trecho abaixo:

# navbar-iframe {
height: 0px; visibility: hidden; display: none; }

Apague todo o código, visualize, se estiver tudo bem salve o template. Volte a sua página “Layout” escolha sua Navebar.
Obs.: Esse recurso não funciona no Internet Explorer 6. Se você “ainda” usa essa tranqueira, que tal pensar em mudar para o IE8 ou Firefox ?  o_0


Fonte: Ipietoon

    

No site Vorbeo.com você pode criar uma caixa para enquetes, escolhendo o texto cor e tamanho para  adequar ao desenho do seu blog. Bem interessante e fácil de fazer.

Depois de criar sua enquete, é só copiar o código HTML e colar em uma elemento de página “HTML/Javascript”, sabe como não? Se não sabe, lá vai:

Fazer login no Blogger e no painel clic na opção “Layout” depois clic na aba “Elementos  de Página”, e depois em “Adicionar gadget”. Escolha a opção “HTML/JavaScript” e dentro dela cole o código copiado. Prontinho.