Técnicas/maneiras para construção de Layouts

Construindo layout

São inúmeras as maneiras que os desenvolvedores utilizam para a construção de Layouts, cada um adota uma técnica diferente, mas na maioria das vezes, mesmo sendo codificado de maneiras diferentes obtém se o mesmo resultado. Aqui apresentarei as maneiras como codifico o HTML e CSS, fazendo uma de 2 colunas simples, até 4 colunas, e além de outras dicas para cada um utilizar da maneira que lhe for mais conveniente!

Super box da biografia do autor para o Blogger

Provavelmente vocês já viram inúmeros códigos postados em outros sites/blogs, ensinando a inserir uma mini-biografia do autor abaixo dos posts, confesso a vocês que também já vi e testei vários, no começo tinha um pouco de dificuldade para desenvolver meus próprios códigos, como todo iniciante, e sinceramente nunca achei um que me agradasse totalmente, então resolvi criar o meu, e achei interessante compartilhar com vocês!

Janela Modal/Popup para O Blogger

Janela modal para o Blogger

Todo blogueiro sabe da importância de conseguir leitores fiéis para o blog, e para isso recorremos a recursos para assinantes feeds e newsletter. Que tal aplicar esses recursos numa janela modal!
Mas você deve estar pensando (janela modal, e muito pesado, incomoda o leitor, abre toda hora...Enfim), nada disso ocorre com esse modelo que iremos ensinar hoje! Você provavelmente verá ele em funcionamento se ir para a página inicial do blog, caso não apareça, basta limpar os cookies no seu navegador.
Originalmente encontrei esse artigo no Blogger Mint, mas aqui editei e adicionei algumas melhorias no HTML, CSS, JavaScript e otimizei para a utilização de Sprites!

Utilizando css sprites para melhorar o carregamento do seu blog/site

Esse é um recurso que muitos desenvolvedores utilizam para tornar o carregamento de sites/blogs mais rápido. Dessa forma, ao acessar determinado site/blog, o seu navegador irá fazer menos requisições http de imagens.
Nesse post veremos como fazer um template, com as estruturas básicas, cabeçalho com menu, logo e rodapé utilizando sprites.

Personalizando a caixa de busca do Adsense com css

Todo blogueiro sabe que o quanto é importante uma caixa de busca, o mesmo ajudará os nossos leitores a encontrar o que procura de forma mais eficiente, levando-o a resultados que realmente interessa-os, sendo assim, ela deve ter um visual atrativo e profissional, por isso hoje vamos aprender a estilizar a do Adsense com a utilização do css. Dessa forma o visual vai ficar bem mais interessante e vai ficar de acordo com as cores do seu layout.

Evitando conflitos entre JQuery

JQuery

Muitos programadores iniciantes, já se depararam com o problema de querer usar vários recursos que utilizam JQuery, e com isso acaba por gerar vários problemas de conflito entre as bibliotecas, no meu blog tive esse problema no começo, até ler um post no Ferramentas Blog, e encontrar a solução que o Claudio Sanches utilizava. Realizei vários testes, e percebi que funcionava sem problemas com todos que testei. Então resolvi compartilhar com vocês, não somente esses, mas, outras também.