ou aquela maravilhosa widget agora, como coloca-los no site?Primeiro: armazene seu arquivo em um site que suporte flash, como:ImageaddictsAgora, utilize o seguinte codigo:<embed src="http://enderecodasuafoto/nome_do_arquivo.swf"quality="high" height="250" width="600"> < /embed>Lembrando que:src: e o endereco da sua imagem (que voce pegou no site acima).Height: altura de sua imagemwidth: largura de sua imagemColoque o tamanho correto!Voce pode utilizar esse codigo em um post, em uma widget ou no header.Para colocar no header:Procure no html de seu blog:<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='Template (Cabecalho)' type='Header'/></b:section></div>Cole o codigo entre </b:section> e </div>Salve e visualise.Pronto!Uma dica: Cuidado ao utilizar arquivos em flash, nao caia na tentacao de criar seu template inteiro com ele, o blog ficara muito pesado!Use-o apenas no header e em algumas widgets. Postado por Cecilia 1 comentarios Marcadores: blogger avancado Artigos Relacionados: removeRelatedDuplicates();printRelatedLabels(); 01/07/09 Colocando um favicon no blog Favicon, sao pequenas imagens que esta ligada a um site.Quando acessamos ele, essa imagem aparece na aba de navegacao e ao lado do endereco do site (que nem o B do Blogger acima).Como colocar:Primeiro escolha a imagem que voce quer utilizar.Acesse o site FavIcon, acesse sua imagem nele e clique em Generate FavIcon.icoFca o download do arquivo e descompacte-o no seu computador.Hospedando as imagens:O arquivo e dividido em duas partes, entao a imagem "normal" .gif, .png ou .jpg hospede-a no Imageshack, anote o endereco.O arquivo ico voce hospeda no IconJ (e que nem o Imageshack), anote o endereco.Inserindo o codigo no Html do blog:Procure:</head>Acima dele, cole:<link href='enderecodaimagem.ico' rel='shortcut icon'/><link href='enderecodaimagemnormal' rel='shortcut icon'/>Veja como fica: Crepusculo Filme Postado por Cecilia 6 comentarios Marcadores: blogger avancado Artigos Relacionados: removeRelatedDuplicates();printRelatedLabels(); 29/06/09 Coloque imagens rotativas no header do blog rapidamente com gifs animadas Bem, no post anterior aprendemos como criar uma gif transparente no fireworks, certo?Hoje vamos coloca-la no Header do blog.Porque?Bem, acho que muitos ja viram aqueles blogs com imagens rotativas no topo, e ficaram imaginando como sao feitos.Primeiro: a diversas maneiras de cria-las: flash, javascript, css, gifs.Depois de testar algumas delas, ficou bem claro que o modo mais facil e cria-las como gifs animadas (como ensinado no post anterior) com cerca de 4 imagens e utiliza-las.Hospedar a imagem:Antes do mais nada pegue sua gif animada e hospede-a na internet (recomendo o ImageShack).Anote o endereco.Agora vamos utiliza-los:Acesse o codigo .xml do seu template (layout - Editar HTML).Procure: #header-wrapper {Adicione:background-color: #000000;widht: coloque a largura total do header;height: coloque a altura total do header;Background-color indica a cor do fundo de seu header, ja que como explicado anteriormente o fundo das imagens sao transparentes sendo que, #000000 e a cor preta, utilize uma tabela de cores para escolher a mais apropriada para voce.Procure:#header {Adicione:background-image: url(o endereco da imagem salvo anteriormente);widht: coloque a largura da imagem;height: coloque a altura da imagem;Pronto!Agora alguns lembretes:Faca a imagem do tamanho que desejar contanto que respeite o do header.Recomendo que o header-wrapper tenha o mesmo tamanho do outer-wrapper.Faca a gif com, no maximo, metade da largura do header-wrapper para poder incluir outros elementos de pagina depois.A altura, se possivel, deve ser a mesma.Por fim, tente nao criar um header muito largo, use uma altura de,