Saiba "Como adicionar Random, Girando Imagens para Cabeçalho Blogger
" Neste tutorial vou explicar como adicionar aleatórios , rotação de imagens para o seu cabeçalho background.When blogger depois de adicionar esse recurso no seu blog do Blogger , a imagem do cabeçalho de seu blog vai rodar / mudança em cada página refresh.
Before fazer este truque você deve criar imagens de cabeçalho para o seu blog.In Neste tutorial vou mostrar como rodar 5 imagens de cabeçalho."
1.Log na sua dashboard - > Design - > Editar HTML
2.Scroll até onde você pode ver <body> tag.
3.Now copiar código abaixo e cole- logo após o <body> tag.
Observação:
Substituir " URL- DO - cabeçalho de imagem - X" URLs com sua imagem.
Se o código acima não funciona para o seu blog, em seguida, substituir " # header -wrapper" Com" # header". (Identidade ou Classe de sua seção de cabeçalho ).
Você pode adicionar um número diferente de imagens que 5.But lembre-se de mudança " 4 Math.random (*)" exemplo add.For acordo com o número de imagens que , quando você quer adicionar 8 diferentes imagens de fundo para o seu blog cabeçalho , o código deve ser a mudança como " 7 Math.random (*). " Olhe o exemplo abaixo:
4.Now salvar o modelo e seu done.Refresh seu site algumas vezes para ver a imagem de cabeçalho result.Your será girar.
http://meupeu.blogspot.com
Leia Mais ►
Before fazer este truque você deve criar imagens de cabeçalho para o seu blog.In Neste tutorial vou mostrar como rodar 5 imagens de cabeçalho."
1.Log na sua dashboard - > Design - > Editar HTML
2.Scroll até onde você pode ver <body> tag.
3.Now copiar código abaixo e cole- logo após o <body> tag.
type='text/javascript'> <script
var HeaderImage = new Array ( )
HeaderImage [0] = "URL- DO - cabeçalho de imagem -1"
HeaderImage [1] = "URL- DO - cabeçalho de imagem -2"
HeaderImage [2] = "URL- DO - cabeçalho de imagem -3"
HeaderImage [3] = "URL- DO - cabeçalho de imagem -4"
HeaderImage [4] = "URL- DO - cabeçalho de imagem -5"
var random = Math.round (4 Math.random (*));
document.write (" <style> ");
document.write ("# header -wrapper {" );
document.write (' background: url ( ' HeaderImage + [random ] + '") no-repeat superior esquerdo ; ');
document.write ( "}" );
document.write (" </ style> ");
</ Script>
Observação:
Substituir " URL- DO - cabeçalho de imagem - X" URLs com sua imagem.
Se o código acima não funciona para o seu blog, em seguida, substituir " # header -wrapper" Com" # header". (Identidade ou Classe de sua seção de cabeçalho ).
Você pode adicionar um número diferente de imagens que 5.But lembre-se de mudança " 4 Math.random (*)" exemplo add.For acordo com o número de imagens que , quando você quer adicionar 8 diferentes imagens de fundo para o seu blog cabeçalho , o código deve ser a mudança como " 7 Math.random (*). " Olhe o exemplo abaixo:
type='text/javascript'> <script
var HeaderImage = new Array ( )
HeaderImage [0] = "URL- DO - cabeçalho de imagem -1"
HeaderImage [1] = "URL- DO - cabeçalho de imagem -2"
HeaderImage [2] = "URL- DO - cabeçalho de imagem -3"
HeaderImage [3] = "URL- DO - cabeçalho de imagem -4"
HeaderImage [4] = "URL- DO - cabeçalho de imagem -5"
HeaderImage [4] = "URL- DO - cabeçalho de imagem -6"
HeaderImage [4] = "URL- DO - cabeçalho de imagem -7"
HeaderImage [4] = "URL- DO - cabeçalho de imagem -8"
var random = Math.round (7 Math.random (*));
document.write (" <style> ");
document.write ("# header -wrapper {" );
document.write (' background: url ( ' HeaderImage + [random ] + '") no-repeat superior esquerdo ; ');
document.write ( "}" );
document.write (" </ style> ");
</ Script>
4.Now salvar o modelo e seu done.Refresh seu site algumas vezes para ver a imagem de cabeçalho result.Your será girar.
fonte e créditos:
http://www.bloggertipandtrick.net/2010/07/random-rotating-images-blogger-header.htmlhttp://meupeu.blogspot.com
Saiba Como Criar um Mapa do Site no seu blog/site
Uma dica super útil para facilitar o
encontro de todos os seus artigos
publicados é criando um Mapa do
Site (Sitemaps) no seu blog.
O Sitemaps, ou Mapa do Site, é um
indice de conteúdo, que mostra
todos os artigos publicados de forma
ordenada e que se atualiza
automaticamente a cada nova
postagem.
Você pode criar uma página estática
com um "mapa do site", colocando
uma lista de arquivos separados por
data de publicação ou se preferir,
separados por categorias
(marcadores) em uma postagem,
facilitando assim a busca de seus
artigos pelos leitores.
Vou disponibilizar aqui as duas
formas para criar um Mapa do Site,
assim você escolhe se quer
apresentar um Indice separado por
data de publicação ou por
categorias.
Aqui você vai ver como colocar um
Indice separado por Artigos
apresentados em ordem descendente
por data( Mês e dia da publicação).
Você deverá criar uma nova
postagem, ou uma página estática
e inserir nela o javascript.
Na edição HTML da postag
em, coloque o código a seguir:
<script style="" src="http://dl.dropbox.com/u/3173073/GothicDarkness/indice-arquivo.js"></script> <script src="LINK-DO-SEU-BLOG/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script>
Insira o link do seu blog no local
indicado no código, não esqueça!
Veja demo AQUI
Aqui você vai ver como colocar um
Indice separado por Categorias
(Marcadores).
Este Script foi criado pelo
Abu-farhan.
O script original é em inglês, eu
traduzi a versão original para o
português.
A diferença deste scripts para o
outro onde o Indice é apresentado
por Arquivo, é que neste, a cada post
recente publicado, aparece a
palavra "Novo!" ao lado de cada
nova publicação.
Para incluir este Indice , você deverá
seguir o mesmo procedimento
explicado acima: criar uma nova
postagem ou uma página estática, e
inserir nela o javascript.
Na edição HTML da postagem,
coloque o código a seguir:
Não esqueça de colocar o nome do seu blog no local indicado no código.
Veja demo AQUI
encontro de todos os seus artigos
publicados é criando um Mapa do
Site (Sitemaps) no seu blog.
O Sitemaps, ou Mapa do Site, é um
indice de conteúdo, que mostra
todos os artigos publicados de forma
ordenada e que se atualiza
automaticamente a cada nova
postagem.
Você pode criar uma página estática
com um "mapa do site", colocando
uma lista de arquivos separados por
data de publicação ou se preferir,
separados por categorias
(marcadores) em uma postagem,
facilitando assim a busca de seus
artigos pelos leitores.
Vou disponibilizar aqui as duas
formas para criar um Mapa do Site,
assim você escolhe se quer
apresentar um Indice separado por
data de publicação ou por
categorias.
Indice por Arquivo
Aqui você vai ver como colocar um
Indice separado por Artigos
apresentados em ordem descendente
por data( Mês e dia da publicação).
Você deverá criar uma nova
postagem, ou uma página estática
e inserir nela o javascript.
Na edição HTML da postag
em, coloque o código a seguir:
<script style="" src="http://dl.dropbox.com/u/3173073/GothicDarkness/indice-arquivo.js"></script> <script src="LINK-DO-SEU-BLOG/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script>
Insira o link do seu blog no local
indicado no código, não esqueça!
Veja demo AQUI
***
Indice por Categoria
Aqui você vai ver como colocar um
Indice separado por Categorias
(Marcadores).
Este Script foi criado pelo
Abu-farhan.
O script original é em inglês, eu
traduzi a versão original para o
português.
A diferença deste scripts para o
outro onde o Indice é apresentado
por Arquivo, é que neste, a cada post
recente publicado, aparece a
palavra "Novo!" ao lado de cada
nova publicação.
Para incluir este Indice , você deverá
seguir o mesmo procedimento
explicado acima: criar uma nova
postagem ou uma página estática, e
inserir nela o javascript.
Na edição HTML da postagem,
coloque o código a seguir:
<script style="text/javascript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/Indice-categoria.js"></script>
<script src="LINK-DO-SEU-BLOG/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<span style="font-size: 70%">Custom <a target="_blank" href="http://www.mundodarkness.com/2009/11/criar-um-mapa-do-site-no-seu-blog.html">Gothic Darkness</a> |Widget by <a target="_blank" href="http://www.abu-farhan.com/">Abu Farhan</a></span>
Não esqueça de colocar o nome do seu blog no local indicado no código.
Veja demo AQUI
fonte e créditos:
Assinar:
Postagens (Atom)
Postagens populares
-
" Neste tutorial vou explicar como adicionar aleatórios , rotação de imagens para o seu cabeçalho background.When blogger depois d...
-
Uma dica super útil para facilitar o encontro de todos os seus artigos publicados é criando um Mapa do Site (Sitemaps) no seu b...
-
<applet codebase="http://rc.revolvermaps.com/j" code="core.RE" width="220" height="220" archi...