Como criar um lista de links na barra lateral do Blogguer?

Depois de precisar de uma barra lateral de links e não encontrar o que realmente precisava resolvi criar um código, bem simples e funcional para quem quer criar links internos ou externos tem vários codigos que possibilitam isto porem são um pouco complicados de entender ,vamos ao codigo javascript

<a href="#" onclick="document.bgColor='#0000ff'">Azul</a><br /><br><a href="#" onclick="document.bgColor='#FFFF00'">Amarelo</a><br /><br><a href="#" onclick="document.bgColor='#000000'">Preto</a><br />

o código dentro da caixa é completo : ou seja contem os links e tambem fontes en letras paraclicar....abaixo podem ver como ficaria o código acima...


link 1

link 2

link 3

Como alterar os links :

Onde localizado (  sharp ) (#) o jogo da velha  cole o link que será redirecionado

Onde link 1 2 3  Escreva o nome do link ou algo que indique....

Os links podem ser quantos quiser se quiser mais links basta copiar as linhas completas e alterá-las como acima ... lembrando que ficará sempre em vertical ou seja um abaixo do outro ...

Se quiser ultilizar imagens no lugar de escrita poderá ultilizar o codigo abaixo :

<a href="#" onclick="document.body.background='imagem 1'"><img src="imagem 1" border="0" /></a><br /><br><br><a href="#" onclick="document.body.background='ganhandomundo link'"><img src="http://assets1.blogblogs.com.br/avatars/0/203/avatar_203872_20100816170554_50.jpg" border="0" /></a><br /><br><br><a href="#" onclick="document.body.background='imagem 3'"><img src="imagem 3" border="0" /></a><br />

Abaixo  como o código acima se comportará

link 1



link 3

As imagens terão que estar hospedadas  e online, é aconselhavel que ultilize imagens em miniaturas ou editadas de acordo com sua aplicação antes de hospedadas...

 Poderá tambem ultilizar gifs animados veja abaixo exemplo :

link 1







Sempre seguindo o indicado acima em Sharp  (#) jogo da velha indica o link e em imagem 1 2 3 indica o que será exibido para se clicar o botão digamos assim ...


Abaixo uma demonstraçao :