Imagens de subir ao topo + Tutorial: como instalá-las
Hoje, trouxe um tutorial bem fácil de como instalar imagens de subir ao topo do blog, como a que vocês vêem à sua direita, mais algumas para vocês usarem. Bem, vamos ao tutorial:
Primeiro, vá em "design" no blog e clique em "adicionar um novo gadget" e depois selecione "Html/JavaScript" e cole o seguinte código: (Obs 1: créditos totais do código do blog Kassioromulo. Obs 2: a frase que está destacada em vermelho, 'link da imagem', você deve substituir pelo link -url- da sua imagem, ok?)
<script language='JavaScript'>
imagenes = new Array(2)
imagenes[0] = "<a href='#' title='Clique para subir'><img border='0' src='LINK-DA-IMAGEM' style='position:fixed; bottom:0; right:0;'/></a>"
imagenes[1] = "<a href='#' title='Clique para subir'><img border='0' src='LINK-DA-IMAGEM' style='position:fixed; bottom:0; right:0;'/></a>"
aleatorio = Math.random() * (imagenes.length)
aleatorio = Math.floor(aleatorio)
document.write(imagenes[aleatorio])
</script>
Depois, é só salvar e visualizar. Fácil, né?
Agora, se você não possui uma imagem para colocar, você pode encontrar algumas nestes blogs: Anime Shoujoo e Erica Girl Fashion
Fiz alguns também, porém, utilizando os PNG'S do blog Kawaii World (2 primeiras imagens feitas pela Kaorii, publicadas neste post; as duas últimas, feitas pela Laura, neste post) por isso, os créditos são delas pelos PNG'S, tudo bem?
Espero que gostem! Beijos, Na.
Já usei esse tutorial algumas vezes no blog, o efeito é bem legal. Adorei as imagens, Na :3
ResponderExcluir