Relógio Digital no seu Blog

Tem muitos Blogueiros que usam relógio no Blog e também é comum, há vários sites que disponibiliza os seu relógios personalizado.



Esse relógio Digital ele não contém nenhum tipo de divulgação de links de outros site, e tem o fundo Branco com números azul.
 veja o exemplo do Relógio aí a baixo
 
Copie o Código do relógio

<embed height="88" width="143" allowscriptaccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="true" quality="best" src="http://www.flashvortex.com/examples/181.swf?divId=181&amp;autoWidth=0&amp;autoHeight=0"></embed>

Vocês podem está encontrando vários tipos de Relógio Para Site Blogs Grátis

Para colocar no seu Blog, vá na guia Design> em Adicionar um Gadget, e depois HTML/JavaScript, e cole o código e depois Salve.

Leia Mais ....

Como colocar um Mural de recados CBOX no seu Blog ou site

Há várias pessoas que utilizam aqueles mural de recados em seu Blog ou site, isso é o CBOX. E também é uma outra boa opção de os usuários se comunicarem um com os outros em seu Blog ou Site, e até você mesmo pode retorna os recados deixados pelos seus visitantes.... 

veja vários exemplo de mural na imagem a baixo

Para isso você vai acessar o link: CBOX, depois faça um simples cadastro, para criar o seu mural de recados.
Agora assista esta vídeo aula que eu mesmo criei, lá explica a criar o cadastro e não precisa pagar nada, e é muito fácil de colocar o CBOX até eu mesmo uso este recurso em meu Blog...

Agora veja passo a passo como criar e colocar no Blog ou site

Leia Mais ....

Como colocar Arquivos para Download no Blog

Muitas pessoas tem dúvida para colocar arquivos para Download no Seu Blog, então! neste Tutorial vou mostrar a você a como colocar Arquivos como: Word, Excel, PDF, Bloco de Notas, e entre outros...



Eu também costumo a colocar arquivos para Download em meu Blog, e pra isso eu uso o servido RapidShare para fazer Upload de arquivos, e vou esta mostrando pra vocês como eu coloco os arquivos.

Primeiro vocês vão acessar o site: RapidShare e vão fazer um cadastro.
Agora depois de ter o seu cadastro feito, faça o seu login. A seguir Clique no BotãoUpload 

 
Depois que você clicou no Botão Upload, abrirá uma janela e nesta janela você vai clicar na opção: Selecionar Arquivos
Agora Selecione o Arquivo que você deseja hospedá-lo e depois clique em Abrir, e automaticamente ele será hospedado.

Quando o Upload do seu Arquivo já estiver concluído, ele irá gerar um Link, então você vai copiar este link e colocar em seu Blog.

Pronto pessoal é só isto, então você pode colocar o link de Download em uma imagem ou texto.

OBSERVE: cuidado com que você vai colocar para Download. tipos de arquivos que não seja de sua autoria, pois o blog proíbe materiais com direitos autorais 

Aí pessoal, este é um jeito que eu utilizo pra colocar arquivos para download, mas tem outros meios que vocês podem optarem para colocar arquivos para Download, e etc...

Leia Mais ....

Barra de Redes sociais no Roda-pé das postagens do Blog

Aprenda a colocar uma barra de compartilhamento de Redes Sociais no roda-pé das postagens, essa ferramenta ela é bem útil para o seu blog, pois ela permite que os leitores do blog recomende o seu Blog nas redes sociais....

Para colocar essa ferramenta no seu blog é bastante fácil, então vou explicar alguns passo para quem ainda é iniciante.

1º Passo: Então você vai acessar o Painel do seu Blog, Vai clicar em Design >> depois em Editar HTML.

*Quando estiver no HTML do blog marque a opção Expandir Modelo de windget.

2º Passo: Vamos agora procurar por um Tag, então pressione Ctrl + F do seu teclado para pesquisar:

 <div class=’post-footer’> 

*Apos encontrar o Tag:  <div class=’post-footer’>  a baixo dele você vai acrescentar este código:

<!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e644cc020c5895d"></script><!-- AddThis Button END -->

Depois de colocar o Código, você vai Clicar em Visualiza para verificar se não tem nada errado, e depois de visualizar Salve o Modelo

Leia Mais ....

Colocar o Player de musica do 4Shared no blog

Olá! hoje iremos aprender como colocar o Player de musica do 4Shared no seu Blog.
Essa é uma dúvida de muitos blogueiros iniciantes não sabem, então eu irei esclarecer esta dúvida...

Primeiro: Quando estiver no 4Shared logue seu cadastro, e se você não tem conta se cadastre, pois sem o cadastro você não conseguirá pegar o HTML do Player.

2 segundo: Apos logar sua conta,  pesquise a musica que você deseja colocar no seu blog. Link.

3 Terceiro: Depois de encontrar a sua musica observe que no player aparece dois botões no lado direito do player.
 Você vai clicar no botão "Embed" que aparece no Player, e quando clicar vai abrir uma janela com o código do player, então é só copiar o código que aparece e colocar no Blog.

Veja o exemplo na imagem abaixo

Agora você pode utilizar o código do player em um Novo gadget ou se preferir em uma postagem do seu blog.

Então pessoal é só isso, é bem simples de pegar o HTML do player e de colocar no blog.

Leia Mais ....

Colocar Zoom de Imagens nas postagens do Blog

Olá pessoal!!! Novamente estou aqui pra mostrar mais um Efeito CSS bem legal pra colocar no Blog.
Vou ensinar como colocar Efeito Zoom de imagens nas postagens do blog.

Sobre o efeito: o efeito acontece quando passamos o cursor do Mouse (acima) sobre as  imagens.

Vamos colocar no Blog
1° Acesse  o HTML do seu blog, Vá em Modelo >> em Editar HTML >> e clique emProsseguir.

2° E no HTML do seu blog, pressione as teclas Ctrl + F do seu teclado para (ativar dispositivo de pesquisa) e busque por esse Tag:

]]></b:skin>

3° Ao encontrar o Tag, acima dele você vai acrescentar este código CSS:

.post-body img {

-webkit-transition: all 0.15s linear;

-moz-transition: all 0.15s linear;

transition: all 0.15s linear;

}

.post-body img:hover{

border:1px solid #000;

-webkit-transform:  scale(1.302);

}

Pronto, agora clique em Visualizar para ter certeza que não tem erros, e em seguidaSalve o Modelo.

Este código foi todo personalizado por mim,e vou esta explicando a vocês algumas partes do código que poderão ser alterada por vocês.

Altere o código:

• A parte que eu destaquei em Cor vermelha "1px" se trata da Espessura da Borda que aparece na imagem, então se você deseja aumentar a espessura da borda, altere o seguinte valor "1".
• E a para alterar a cor da Borda, substitua o código destacado em Azul "#000" por uma cor que você quer colocar no seu blog. (Clique Aqui para escolher uma Cor).
• E se você que Aumentar ou diminuir o tamanho do "Zoom da imagem", altere o seguinte Valor que eu destaquei em cor de Rosa "1.302" .

Prontinho pessoal, espero terem gostado deste efeito.
Queria pedir a você que curtisse a Pagina do Varias Dicas Para Blogs (agradeço todos que curtirão) obrigado

Leia Mais ....

Efeito Sombra nos Links do Blog

Vamos aprender a colocar efeito sombras nos links do Blog.
O nome desse efeito é conhecido por "Neon", ele é um efeito bem legal e simples...

Pra Colocar no Blog:
Primeiro você vai no painel de edição do seu blog, depois em Modelo >> em Editar HTML >> e clique em Prosseguir.

E no HTML do seu Blog, você vai procurar por essa Tag:
]]></b:skin>
Ao localizar o Tag, acrescente logo acima esse pequeno código CSS:

a:hover{ 
color: #000000;
text-shadow:0 0 .3em #000000;
}


Prontinho pessoal, agora clique em salvar  modelo do seu Blog e esta tudo pronto.

Vamos entender um pouco sobre o código:

• Para Alterar a Cor da Letra, substitua a parte que eu destaquei em azul "#000000", por uma outra cor.
• E para alterar a cor da Sombra, substitua a parte que está destacada em cor Vermelha " #000000"por outra Cor. Para escolher uma Cor Clique Aqui>>

Leia Mais ....