ELEGANTE MENU CSS3 LATERAL VERTICAL PARA BLOG

Provavelmente você já viu muitos sites com um menu de navegação vertical fixo para as suas páginas importantes. Neste artigo eu estarei ensinando como colocar um elegante menu css3 lateral vertical para blogs do Blogger.

Este menu vem com 5 ícones. Os 5 ícones contém Home, About us, Arquivo, Marcadores e contato. Mas você pode mudar esses ícones e texto para o que você quiser. 

Veja o exemplo abaixo:



Este menu é feito completamente usando CSS3 com apenas uma imagem e pode ser facilmente instalado. Todo o crédito vai para Tutorialzine.

MENU MULTI LEVEL COM CSS3

Hoje eu estou compartilhando outro grande exemplo de CSS3, no tutorial de hoje quero compartilhar um menu multi-level que funciona com CSS3 puro sem qualquer imagem incluída no menu. Como funciona com CSS3 puro, ele não afeta a velocidade de carregamento do seu blog, em comparação com menus jQuery e outros menus que funcionam com script.

Anteriormente, eu compartilhei um menu horizontal com CSS3, mas um dos meus fiéis leitores me pediu para criar uma menu multi-level que funciona com CSS3 puro, é por isso que eu estou compartilhando este menu hoje.

Este menu foi desenvolvido por Rethnaraj Rambabu do bloggermint eu fiz alguns ajustes CSS para funcionar bem com o blogger. Agora vamos ao menu multi-level e aprender como instalá-lo no blogger. Veja o demo primeiro do menu clicando no botão verde abaixo.

MENU LAVALAMP COM CSS3 E JQUERY

Eu compartilhei vários menus aqui no blogger e sites até agora. O primeiro foi um Puro CSS3 menu para blogger e o segundo foi Menu horizontal com submenu e caixa de busca e o terceiro foi um Elegante menu css3 lateral vertical para blog e o quarto que foi o Menu multi level com CSS3.

Desta vez eu quero compartilhar com vocês um incrível menu Lavalamp com CSS3 e jQuery; como mencionado no título, ele funciona com CSS3 e jQuery. Você pode usar esse menu em 6 cores mudando apenas uma palavra no código HTML. Este menu foi desenhado por Insidesigns e eu fiz alguns ajustes para funcionar perfeitamente com qualquer blog do blogger.

Demonstração

Agora vamos ao tutorial e ver como adicionar esse menu Lavalamp com CSS3 e jQuery no blogger.

PERSONALIZAR O GADGET LINKWITHIN

LinkWithin é um gadget que mostra as postagens relacionadas com uma imagem em miniatura, e ainda que não é um gadget nada novo, muitos não animam a usá-lo por sua falta de personalização.

Portanto nessa postagem vamos ver…

GADGET DE SUBSCRIÇÃO RSS/FEEDS

Na postagem de hoje, quero lhes apresentar um lindo gadget para subscrição de RSS/Feeds com opção de seguir no Twitter e Facebook. Totalmente personalizável com efeito elegante que muda de cor quando o mouse é posicionado sobre ele.

Veja o exemplo abaixo:

veja aqui o gadget subscrição de RSS/Feeds instalado nesse blog de testes: DEMO

ÍCONES SOCIAIS COM EFEITO DE OPACIDADE

A dica que eu quero compartilhar como vocês hoje são Ícones Sociais; são os chamados"Social Icons" e como o titulo já diz vem com um charmoso efeito de opacidade alcançado através de CSS.

O resultado final será uma bela caixa de Subscrição com efeito de opacidade .

BOTÕES CSS3 ANIMADOS PARA BLOGGER

hoje vamos ensinar como adicionar alguns botões muito legais, feitos com puro CSS3 e efeito  animados para blogger. Estes botões feitos com puro CSS3, quando se posiciona o mouse sobre eles as bolhas ficam tremendo e este efeito faz com que esses botões fiquem ainda mais bonitos.

Estes botões estão disponíveis em quatro cores e três tamanhos diferentes, de modo que você pode adicionar um botão de qualquer tamanho apenas mudando o nome da classe do botão.

DIVIDIR HEADER EM 2 COLUNAS NO DESIGNER DE MODELO

Dividir o cabeçalho do blog serve para colocar ao lado do título do blog algum gadget como um anuncio, algum banner, uma caixa de busca, etc.
O proceso que veremos é para os templates baseados no template Mínima e para os que são do Designer de modelo do Blogger.

CAIXA DE AVISO PARA BLOG COM OPÇÃO FECHAR

Gostaria de colocar um aviso no seu blog e não sabe como? Hoje eu vou ensinar como colocar uma caixa de aviso no blog. Está caixa de avisos tem muitas utilidades. É um modelo simples feito CSS3 com opção de personalizar o tamanho da caixa, cor de fundo, bordas, fontes e etc.

MENU HORIZONTAL COM SUBMENU E CAIXA DE BUSCA

O seguinte menu é feito unicamente com CSS, é um menu horizontal com sub-menu, e do lado direito tem uma caixa de busca.

É um menu prático para os que não querem lidar com menus muito complexos ou preferem não usar um que requer scripts para funcionar ou que tenha muitas imagens.

A instalação e personalização é bastante simples, e é bastante funcional, já que tendo a caixa de busca integrada você terá dois elementos em uma mesma área.

Você pode vê-lo funcionando neste blog de testes, se você quiser testar a caixa de busca digite a palavra que desejar e pressione  ENTER.

GADGET TOP COMENTARISTAS COM AVATAR

Este gadget mostra as pessoas que mais comentaram em seu blog. É uma boa solução para aumentar os comentários em nosso blog.

PURO CSS3 MENU PARA BLOGGER

Hoje, eu gostaria de mostrar a você um menu para blogger feito com puro css3 projetado utilizando as mais recentes técnicas de CSS3 e sem o uso de JavaScript ou imagens.

Este menu tem alguns efeitos agradáveis ​​animados, como quando você passa o mouse sobre o menu você verá um efeito batimento cardíaco com animação tipo voando. Este menu é compatível com os mais recentes navegadores modernos é com CSS3 suporte.

Neste tutorial vou mostrar como você pode adicionar este belo menu voador no seu blog, simplesmente seguindo os passos abaixo.

GADGET POSTAGENS POPULARES COLORIDO

Recentemente redesenhei o gadget de postagens populares do meu blog e eu adicionei uma simpática forma de barras de cores, a pedido de um leitor do blog, hoje eu gostaria de compartilhar o truque que eu apliquei.