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
Nenhum comentário:
Postar um comentário
http://meupeu.blogspot.com
Mensagem do formulário de comentário: