Gracias Nazareno59 por la ayuda, pero te comento que no lo pude comprender. Quizas estoy haciendo algo mal y no me doy cuenta.
Te cuento lo que hice:
Primero inserte el javascript en la plantilla del blog justo antes de </head>
Luego me fui al diseño de la pagina donde se insertan los elementos, y abri el elemento donde tengo todas las imagenes que quiero ocultar y mostrar.
La primera imagen, que seria "Todos Los Discos" como muestra la foto de arriba, es la que usaria en forma de link para llamar a al funcion javascript de ocultar-mostrar.
<a href="javascript
:ver_div('oculto')">en código de la imagen aqui</a>
Modificando la parte EN CODIGO DE LA IMAGEN AQUI queda asi:
<a href="javascript
:ver_div("><img border="0" src="http://i258.photobucket.com/albums/hh244/marcelodrgz/TODOSLOSDISCOS.gif"/></a>
Hasta ahi, todo perfecto, pero no puedo seguir adelante ya que no entiendo como usar el DIV, o sea, yo tengo esto:
<div id="oculto" style="visibility:hidden">
Pero ¿donde tendria que colocar esto que seria uno de los botones ocultos junto al link que llama al explorer a redireccionar?:
<a href="http://www.agendarockera.blogspot.com/" target="_blank"><img alt="" src="http://i258.photobucket.com/albums/hh244/marcelodrgz/2MINUTOS.gif" border="0" /></a>
Por otro lado, te cuento que tampoco comprendo si hay que hacer esto por cada boton que quiero mostrar-ocultar o esta funcion sirve para todo el contenido de mi elemento, porque son unos 20 mas o menos.
Espero que entiendas lo que trato de explicarte.
Saludos y nuevamente gracias por la ayuda!!!