Personalizando qualquer parte do blog #1 - Como funcionam os códigos do blogger

Fala galera! Essa é a primeira parte da série vencedora da enquete. Nela, vou ensiná-los o principal para você próprio personalizar qualquer parte de seu blogger, tendo assim um template do seu jeito.
Pretendo dividir ela em 4 módulos:

Clique para continuar lendo...

CSS: Div aparecer quando passar mouse em cima (hover)

O CSS nos permite coisas que nem imaginamos, desde estilização até animações. O recurso que vou ensinar agora substitui muito bem o uso de scripts, e é feito inteiramente com HTML e CSS! É aquele famoso efeito de quando você passar o mouse em cima de um elemento, outro aparece. Muito usado em comentários de links, descrições, anúncios etc. Enfim use-o como quiser!

Clique para continuar lendo...

Slide jQuery no blogger

Olá a todos, trago-lhes uma dica que vi no site ProDeveloper e dei uma modificada: um slide muito legal de imagens com descrição, e efeitos de contagem regressiva, pause etc. Gosto muito dele pois é bem leve, bonito, auto-ajustável e prático.
 Use imagens de mesmo tamanho e especifique o tamanho no código!

Veja uma demonstração

Clique para continuar lendo...

Como personalizar a postagem mais recente do blog

Esses dias veio em minha cabeça a ideia de fazer um template mais avançado e diferenciado. Pensei então em um jeito de personalizar apenas a primeira postagem que aparece no blog. Vocês podem ver um exemplo aqui mesmo na Íntegra Studio, perceba que a primeira postagem está larga e as seguintes estão em colunas, seguindo um estilo magazine.

Como não é nada muito complicado e ao mesmo tempo interessantíssimo, vou ensiná-los.

Clique para continuar lendo...

jQuery + CSS: Menu fixo que aparece só quando rola página

Venho apresentar uma técnica bem interessante e nova, utilizada até pelo Facebook, Google+ etc. Se trata de um menu (ou qualquer outro elemento) que aparece apenas quando o usuário chegar em determinada parte da página. Ou seja, quando você rola a barra de rolagem, em um determinado momento aparece o menu . Veja uma demonstração aqui mesmo no nosso blog, suba até o início e desça devagar pra ver o que acontece.

Clique para continuar lendo...

Menu horizontal fixo no topo do blog

  Trago hoje, como nosso segundo tutorial, um simples recurso para blogs e sites, porém muito interessante! O menu fixo no topo da página - usado pelo facebook e outros sites grandes - é uma ótima ajuda para quem deseja navegar pelas páginas de seu blog/site, sem ter de ficar "subindo" a tela para consultar o menu. Além de ser muito atraente e profissional, não é tão complicado como pensam!

Ver demonstração

Clique para continuar lendo...

Personalizar barra de banners parceiros

  Em muitos blogs e sites, grandes partes de suas visitas são causadas pela troca de Banners (links) entre blogs parceiros. Por isso ter uma barra de banners personalizada e ajeitada é muito importante. Siga o tutorial para aprender a:

• Determinar tamanho das imagens
• Efeito de rolagem (marquee)
• Efeitos especiais (fade, sombras etc)

Veja uma demonstração!

Clique para continuar lendo...