Botones expandibles

Este es el código para insertar los botones expandibles. Debemos colocarlo entre head y/head del código HTML en la plantilla BLOGGER.


<script type="text/javascript" src="URL_animatedcollapse.js">/************************************************ Animated Collapsible DIV- Dynamic Drive DHTML code library (www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more***********************************************/</script>


Luego colocar este otro en las entradas o en la sidebar:

<div style="width: 490px;"><a style="margin: 2px 0px; background: transparent url(url-de-la-imagen) no-repeat scroll 0% 50%; width: 130px; height: 130px; display: block; color: rgb( 0, 0, 0) ! important; text-align: center; text-decoration: none ! important; font-size: 24px;" href="javascript:collapseE21.slideit()"><b>texto-sobre-la-imagen</b></a><div id="E21" style="width: 100%; background-color: rgb(255, 255, 255);"><div style="padding: 5px; color: rgb(0, 0, 0);">aquí el texto,aquí el texto,aquí el texto,aquí el texto,aquí el texto,aquí el texto,aquí el texto,aquí el texto,aquí el texto,</div></div><script type="text/javascript">var collapseE21=new animatedcollapse("E21", 100, false)</script></div>


NO olvidar: Hay que subir a un sevidor ftp propio este archivo JAVA