Outra forma de instalar o menu em abas em seu Blogger.
28 de dez. de 2010
Menu social com efeito jquery
Encontrei esse código no blog da Gema e achei melhor fazer dele um menu social, mas ele pode ser adaptado para fotos também, fica excelente.
Template Clean 2
Template com 2 colunas, slide, menu com sub-menu, menu em abas, menu no footer e leia mais.
DEMO/PEGAR CÓDIGO
Para habilitar o menu superior
Procure por:
<!-- MENU SUPERIOR -->
abaixo dele faça as modificações como mostra a imagem
Para habilitar o menu social
Procure por:
<!-- MENU SOCIAL -->
E faça as modificações necessárias
Para habilitar o slide
Procure por:
<!-- SLIDE -->
E modifique colocando o link, título e imagens de sua preferência. (preste bastante atenção ao trocar o endereço das imagens, cuidado para não apagar as aspas. Note que começa com http:// e termina com jpg )
Para habilitar o menu no footer
Procure por:
<!-- MENU INFERIOR -->
E faça as modificações como se pede
DEMO/PEGAR CÓDIGO
Para habilitar o menu superior
Procure por:
<!-- MENU SUPERIOR -->
abaixo dele faça as modificações como mostra a imagem
Para habilitar o menu social
Procure por:
<!-- MENU SOCIAL -->
E faça as modificações necessárias
Para habilitar o slide
Procure por:
<!-- SLIDE -->
E modifique colocando o link, título e imagens de sua preferência. (preste bastante atenção ao trocar o endereço das imagens, cuidado para não apagar as aspas. Note que começa com http:// e termina com jpg )
Para habilitar o menu no footer
Procure por:
<!-- MENU INFERIOR -->
E faça as modificações como se pede
27 de dez. de 2010
Template Arco-iris
Template com 2 colunas nas páginas internas e menu em abas com efeito j.query. Na página inicial slide, menu social com efeito j.query, e posts resumidos.
DEMO/ PEGAR CÓDIGO
Para habilitar o menu social procure por:
<div id='menu-social'>
Então você verá um pouco abaixo para trocar os endereços de suas páginas sociais.
DEMO/ PEGAR CÓDIGO
Para habilitar o menu social procure por:
<div id='menu-social'>
Então você verá um pouco abaixo para trocar os endereços de suas páginas sociais.
26 de dez. de 2010
Template Blue
Template com 2 colunas, página inicial com postagens pequenas, menu social com efeito j.query, menu em abas com efeito j.query, menu horizontal com efeito.
DEMO/PEGAR CÓDIGO
Para instalar o menu social
Procure por:
<div class='sc_menu'>
e troque pelo endereço de suas páginas sociais conforme é pedido.
DEMO/PEGAR CÓDIGO
Para instalar o menu social
Procure por:
<div class='sc_menu'>
e troque pelo endereço de suas páginas sociais conforme é pedido.
Template Estrela Gorjuss
Template com 3 colunas, galeria de imagens, leia mais, menu animado, menu social. Para quem gosta de modelos cute.
DEMO/PEGAR CÓDIGO
Para ativar a galeria de imagens
Procure por:
<!-- TROQUE ABAIXO O ENDEREÇO PELO DE SUAS FOTOS -->
E troque pelo endereço de suas imagens. Note que vc terá que fazer isso 2 vezes, para a galeria grande e a pequena.
Para ativar o menu social
Procure por:
<!-- TROQUE ABAIXO OS ENDEREÇOS PELOS DE SUAS PÁGINAS SOCIAIS -->
E troque os endereços como se pede.
Para ativar o menu animado
Procure por:
<!-- TROQUE ABAIXO OS ENDEREÇOS PELOS ENDEREÇOS QUE QUISER NO MENU ANIMADO -->
E troque pelos endereços que se pedem.
*Para colocar os arquivos nos posts, copie o próximo código e cole onde vc posta, mas clique antes em "Editar HTML.
<script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>
Para ativar o menu horizontal
Procure por:
<!-- TROQUE ABAIXO OS ENDEREÇOS PELOS ENDEREÇOS QUE QUISER NO MENU SUPERIOR -->
E troque no local pelos endereços do que quer linkar
DEMO/PEGAR CÓDIGO
Para ativar a galeria de imagens
Procure por:
<!-- TROQUE ABAIXO O ENDEREÇO PELO DE SUAS FOTOS -->
E troque pelo endereço de suas imagens. Note que vc terá que fazer isso 2 vezes, para a galeria grande e a pequena.
Para ativar o menu social
Procure por:
<!-- TROQUE ABAIXO OS ENDEREÇOS PELOS DE SUAS PÁGINAS SOCIAIS -->
E troque os endereços como se pede.
Para ativar o menu animado
Procure por:
<!-- TROQUE ABAIXO OS ENDEREÇOS PELOS ENDEREÇOS QUE QUISER NO MENU ANIMADO -->
E troque pelos endereços que se pedem.
*Para colocar os arquivos nos posts, copie o próximo código e cole onde vc posta, mas clique antes em "Editar HTML.
<script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>
Para ativar o menu horizontal
Procure por:
<!-- TROQUE ABAIXO OS ENDEREÇOS PELOS ENDEREÇOS QUE QUISER NO MENU SUPERIOR -->
E troque no local pelos endereços do que quer linkar
20 de dez. de 2010
Gerador de slide
Essa eu encontrei navegando pela net e não podia deixar de compartilhar com vocês. Um site onde você faz slides de fotos para compartilhar com os amigos no Blogger, Facebook e no Twitter. Você poderá fazer um lindo slide de natal para compartilhar com seus familiares e amigos.
Entre no site JalbumNet e se cadastre.
Preencha o cadastro como mostra a imagem abaixo.
Depois cheque seu email.
Abra o email e clique no link
Agora faça o login
Nessa próxima página, clique na opção 5
Você foi direcionado para uma página como essa abaixo.
Para começar a fazer seu slide, suba primeiro as fotos que quer.
(Atenção pois há um limite de imagens, isso depende do tamanho de suas fotos)
Aparecerá o browser de seu computador, escolha então as fotos.
Agora, depois que suas fotos já foram selecionadas, elas aparecerão numa página como essa
Clique então em INFO para escrever informações sobre seu slide
Escreva o título e uma pequena discrição sobre seu slide
Agora você irá selecionar o tipo de slide.
Vá rolando o scroller para ver os modelos.
Note que você poderá escolher até as cores.
Ao encontrar, clique em CHOOSE
Depois de escolhido o slide e ter certeza que está satisfeita, clique então em SAVE AND EXIT, no lado direito do seu monitos, em cima.
Agora na página que você foi direcionado(a), você verá a imagem de seu álbum. Passe o mouse sobre a imagem.
Agora copie o código que irá aparecer e...
Se quer compartilhar seu slide, basta clicar sobre os botões do Facebook ou do Twitter
e cole dentro deste código abaixo:
<iframe height="600px" scrolling="no" src="AQUI O ENDEREÇO DO SEU SLIDE" width="100%"></iframe>
Cole-os onde quer que apareça o slide, nas postagens de seu blog ou no HTML/Javascript.
Entre no site JalbumNet e se cadastre.
Preencha o cadastro como mostra a imagem abaixo.
Depois cheque seu email.
Abra o email e clique no link
Agora faça o login
Nessa próxima página, clique na opção 5
Você foi direcionado para uma página como essa abaixo.
Para começar a fazer seu slide, suba primeiro as fotos que quer.
(Atenção pois há um limite de imagens, isso depende do tamanho de suas fotos)
Aparecerá o browser de seu computador, escolha então as fotos.
Agora, depois que suas fotos já foram selecionadas, elas aparecerão numa página como essa
Clique então em INFO para escrever informações sobre seu slide
Escreva o título e uma pequena discrição sobre seu slide
Agora você irá selecionar o tipo de slide.
Vá rolando o scroller para ver os modelos.
Note que você poderá escolher até as cores.
Ao encontrar, clique em CHOOSE
Depois de escolhido o slide e ter certeza que está satisfeita, clique então em SAVE AND EXIT, no lado direito do seu monitos, em cima.
Agora na página que você foi direcionado(a), você verá a imagem de seu álbum. Passe o mouse sobre a imagem.
Agora copie o código que irá aparecer e...
Se quer compartilhar seu slide, basta clicar sobre os botões do Facebook ou do Twitter
e cole dentro deste código abaixo:
<iframe height="600px" scrolling="no" src="AQUI O ENDEREÇO DO SEU SLIDE" width="100%"></iframe>
Cole-os onde quer que apareça o slide, nas postagens de seu blog ou no HTML/Javascript.
Assinar:
Postagens (Atom)
