quarta-feira, 14 de dezembro de 2011

Papai Noel voando no treinó para blogger

Para ter esse gif do Papai Noel voando pelo blog, basta copiar o código e colar antes de </head>
<!-- Papai Noel voando pelo blog --> <script type="text/javascript" src="http://blogparts.giffy.me/0017/parts.js" /> <!-- Papai Noel voando pelo blog -->

sexta-feira, 7 de outubro de 2011

Como colocar um cabeçalho nas visualizações dinâmicas

Após a implementação das visualizações dinâmicas, muitos devem estar se perguntando como personalizá-las e o primeiro passo para isso é adicionar um cabeçalho para diferenciar seu blog dos demais.
 Veja um exemplo abaixo:

quarta-feira, 28 de setembro de 2011

Visualizações dinâmicas: sete novas maneiras de compartilhar o seu blog com o mundo

Construído com o que há de mais recente em tecnologia web (AJAX, HTML5 e CSS3), Views dinâmica é uma experiência de navegação única que vai inspirar os seus leitores a explorar o seu blog de novas maneiras. Os layouts interativos tornar mais fácil para os leitores a apreciar e descobrir as suas mensagens, o carregamento de 40 por cento mais rápido do que os modelos tradicionais e trazendo as entradas mais antigas para a superfície para que eles parecem frescos novamente.

sábado, 17 de setembro de 2011

Como colocar uma caixa de aviso no blog

Criar uma caixa de aviso é muito simples veja o exemplo abaixo:

domingo, 11 de setembro de 2011

Efeito "sacode" em links e imagens

O efeito sacudido é um efeito que ao se fazer um clique sobre um link uma imagem estes se movem de um lado para o outro:
CLIQUE AQUI
Para conseguir este efeito basta fazer o seguinte;

quarta-feira, 7 de setembro de 2011

Como impedir a cópia somente das postagens

Esse post, devido ao meu amigo Santix, mostra como impedir a cópia somente das postagens e não do blog todo como mostrado anteriormente. Portanto, seus visitantes poderão copiar coisas da sidebar (link do seu blog por exemplo) mas não suas postagens.
Para isso, procure pela tag < /head> e cole antes/acima dela:

quinta-feira, 1 de setembro de 2011

Abelha voando na tela

Com este script, uma abelha voará na tela do blog e não vai para até que você clique sobre ela.
Veja o exemplo:

segunda-feira, 29 de agosto de 2011

Fundo "Disco" para blog

 Neste post veremos como colocar luzes em movimento ao estilo disco anos 70. Veja o exemplo abaixo:

segunda-feira, 22 de agosto de 2011

Cursor em forma de cruz no blog

Para trocar o cursor tradicional (seta) por um em forma de cruz, basta colar antes de &lt;/body&gt; o código:
&lt;style type='text/css'&gt;
<!--
body { cursor: crosshair}
-->
</style>
Quando seus leitores entrarem em seu blog o cursor estará assim:

quinta-feira, 18 de agosto de 2011

Como colocar sombras nos títulos das postagens

O efeito pode ser aplicado tanto dentro das postagens quanto nos títulos das postagens, só não pode ser visto pelo Internet Explorer (porque será heim?).
Para isso, vamos em Design > Editar HTML e antes de ]]>< /b:skin> cole o seguinte:

sexta-feira, 12 de agosto de 2011

Como adicionar um gadget do Google + no blog

Agora que todos nós podemos usufruir da mais nova rede social do google, este gadget permite que os leitores possam nos adicionar a partir de nossos próprios blogs :

quinta-feira, 11 de agosto de 2011

Gadget de categorias em um menu deslizante

Se quisermos que as categorias se mostrem dessa forma:
Categorias do blog Acessórios Adsense
Para isso basta irmos em Desing > Editar HTML, marcar a caixinha expandir modelos de widget e procurar pelo código:

terça-feira, 9 de agosto de 2011

Como publicar postagens a partir do email

Você sabia que pode publicar suas postagens pelo seu email?
Muito simples, basta entrar em Configurações > Email e celular e lá embaixo:
Escolha uma palavra secreta (secretWords) para o email cuja terminação será @blogger.com. Lembrando que é importante escolher uma palavra fácil de ser lembrada mas que seja difícil para os outros advinharem, caso contrário qualquer um poderá publicar no seu blog.

segunda-feira, 8 de agosto de 2011

Como colocar um mapa no blog

Para colocar um mapa no blog, primeiramente acesse o Goole Maps e localize o lugar que você deseja que apareça no seu blog.
Clique no link e depois em Personalizar e visualizar mapa incorporado. Escolha o tamanho que desejar e copie o código abaixo.

domingo, 7 de agosto de 2011

Como criar uma Fan Box do twitter

Podemos ter não somente uma Fan Box do Facebook ( essas caixas que indicam a quantidade de fãs com os avatares dos mesmos)mas como para o Twitter também. Esta mostrará o número total de seguidores e os últimos 10 seguidores que temos.
fanbox_init("PassosBlogger");

sábado, 6 de agosto de 2011

Gadget para que os leitores enviem as fotos deles para seu blog pela webcam

O site Trombiblog disponibiliza um gadget onde seus leitores podem tirar uma foto pelo seu blog e estas podem ser votadas e comentadas.
Para isso basta acessar o site Trombiblog e registrar-se.
Configure as cores e as outras opções e copie o código.

sexta-feira, 5 de agosto de 2011

Colocar as últimas postagens separadas por categorias com imagens em miniatura

Esta é uma boa maneira de deixar nosso blog mais organizado para que nossos leitores possam encontrar temas relativos aos seus interesses com maior facilidade, se para isso quisermos, ao invés de colocarmos um gadget com as últimas postagens podemos separar as últimas postagens por categorias. Veja um exemplo no blog de testes.

quinta-feira, 4 de agosto de 2011

Como colocar várias postagens em uma mesma página?

Essa pergunta tem sido muito feita lá no fórum e a resposta é não, não tem como colocar várias postagens em uma mesma página até mesmo porque o objetivo das páginas não é esse. Mas, como agora todos nós temos a nova interface no blogger em rascunho, nós podemos usufruir de uma novidade que é colocar links externos no blog. Como nós não somos bobos nem nada, nós vamos colocar os links internos das categorias ou dos marcadores como se fossem páginas. Para isso, precisaremos usar nossas categorias, caso ainda não saiba veja nosso post : como criar categorias no blog.

quarta-feira, 3 de agosto de 2011

Como colocar separadores entre os gadgets

No post anterior vimos como colocar separadores entre as postagens, e agora veremos como colocar separadores entre os gadgets.
Podemos usar bordas:
Ou imagens:
Para isso vamos em Design > Editar HTML;

terça-feira, 2 de agosto de 2011

Como colocar separadores entre as postagens

Colocar separadores entre os posts tornando-os mais apresentáveis e organizados.
Para colocá-los basta irmos em Design> Editar HTML, marcar a caixinha expandir modelos de widget e procurar pela linha:
<b:include data='post' name='post'/>

segunda-feira, 1 de agosto de 2011

Como mostrar os seguidores em outro blog

Este post trata de como colocar o gadget seguidores do seu blog em outro blog distinto. Perceba que não se trata de exportar o gadget para outro blog, visto que o mesmo gadget permanecerá nos dois blogs.

sábado, 30 de julho de 2011

Tradutor da Microsoft

Este tradutor funciona como o tradutor do Google, guardando os cookies com o idioma que o visitante escolheu, para quando o leitor voltar no blog ele veja automaticamente o idioma que já havia sido escolhido anteriormente sem a necessidade de escolhê-lo novamente.

quarta-feira, 20 de julho de 2011

Efeitos fogos de artifício coloridos

Dê uma olhada nesse efeito super bacana de fogos:
Colocá-lo no blog é muito simples, basta ir em Design > Editar HTML e antes de
colar o seguinte:
<script type='text/javascript'>

terça-feira, 19 de julho de 2011

Como colocar o blogger "fora do ar" ou colocar em "manutenção"

Essa é mais uma questão top do fórum de ajuda e é muito simples de ser feito. Isso é muito útil especialmente quando queremos fazer alterações no blog, mudar de template e etc., e não queremos que nosso visitantes vejam as alterações inacabadas. Para isso vejamos abaixo:

segunda-feira, 18 de julho de 2011

Blogger só suportará navegadores modernos

A partir de 01 de agosto, o Blogger irá terminar o suporte para os seguintes navegadores e seus antecessores: Firefox 3.5, Internet Explorer 7 e Safari 3. 
Isso se deve ao fato de que nestes navegadores antigos você pode ter problemas para usar determinados recursos do Blogger assim como de outros produtos Google. Para o Blogger continuar evoluindo é necessário fazer uso de novos recursos disponíveis nos navegadores modernos. Como por exemplo, exibições dinâmicas e web fonts que requerem navegadores avançados para uso de HTML5.

domingo, 17 de julho de 2011

Como aumentar o tamanho da imagem do Gadget Quem Sou Eu

Alterar o tamanho da foto do perfil do Gadget Quem Sou Eu é simples. Por padrão a imagem tem cerca de 80x80 pixels, que pode ser alterada com uma linha de CSS para o tamanho que você desejar.

quinta-feira, 14 de julho de 2011

Menu Drop Down com JQuery

Este menu é muito simples de ser implementado, por isso sugiro àqueles que não tenham conseguido realizar o anterior e não tenham muita habilidade com html que o façam pois é bem mais fácil.
Os cantos arredondados serão vistos apenas nos navegadores que suportem eles, como o Firefox e o Chrome. Veja a demonstração abaixo:

sexta-feira, 8 de julho de 2011

Opção Editar HTML incluída na nova Inerface do Blogger

Pelo visto, os enginers do Blogger ouviram nossos pedidos e nos atenderam. Já é possível editar o modelo do blog utilizando a nova interface (por enquanto disponível apenas no blogger em rascunho). Vejamos agora então o caminho para as edições HTML no nosso modelo:

segunda-feira, 4 de julho de 2011

Como ocultar títulos nas páginas estáticas

Uma pergunta muito frequente é como ocultar os títulos nas páginas (estáticas), pois com os títulos as páginas ficam com aparência de postagens, e é isso que queremos evitar.
Para fazer isso vá em Design > Editar HTML e antes da </head> cole o código:

domingo, 3 de julho de 2011

Como colocar um botão para ocultar e mostrar o conteúdo de uma postagem

Se você fizer uma postagem muito grande ou simplismente quiser ocultar uma parte da postagem, você pode fazê-lo de uma forma simples utilizando javascript.
Veja um exemplo clicando sobre o botão:
Este texto permanecerá oculto até que o leitor clique sobre o botão para vê-lo, e poderá escondê-lo clicando novamente no botão.

sábado, 2 de julho de 2011

Como colocar o botão oficial Follow Twitter

Colocar o botão na sidebar:
Vá em Design> Adicionar Gadget > Cole o código do Twitter e salve.
Colocar o botão no fim dos posts: Vá em Design> Editar HTML > Clique em "Expandir modelos de widgets". Pressione Ctrl + F e procure por:

sexta-feira, 1 de julho de 2011

Como colocar o botão "Follow" do Google Friend Connect sozinho no blog ou o Link

O Gadget Seguidores do Google Friend Connect é muito popular, no qual pessoas interessadas podem seguir seu blog. Neste post eu vou mostrar a você como ter um botão Follow (Siga) ou um Link. Com isso, você pode adicionar a opção de seguir seu blog ao lado de seus ícones Rss, Twitter e Facebook. Você também pode adicioná-lo após suas postagens ou outros lugares.

quinta-feira, 30 de junho de 2011

Ícones de compartilhamento de redes sociais com efeito ao se passar o cursor

 Passe o cursor sobre as imagens e veja a demonstração:

quarta-feira, 29 de junho de 2011

Google PageRank: Atualização junho 2011

É isso mesmo meus queridos, o Google PageRank foi atualizado e aproveito para agradecer a todos os leitores do Blogger Passo a Passo que obteve PR 2.0. Veja também a atualização do PageRank de seu blog nesse site ou em outro de sua escolha. Espero que vocês também recebam uma boa notícia pelo trabalho de vocês.

terça-feira, 28 de junho de 2011

Como colocar mensagem de alerta ao se passar o cursor

Este post trata de como colocar uma mensagem de alerta quando o cursor passa por um texto específico na postagem ou quando clicarem nele.
Código para mensagem de alerta ao se passar o cursor:

Artigos Relacionados

Related Posts Plugin for WordPress, Blogger...