Menu Expansivel

Menu expansivel é aquele hack que ao clicar em determinado texto ou imagem, surgem outros elementos logo abaixo, sem carregar a pagina toda.

Se você quer adicionar alguma informação extra no template eu recomendo, assim não poluirá seu conteúdo, deixando seu template sempre estiloso.

Para configurar seu menu expansivel você não precisará de muito suor, é só entrar em "Layout" -> "Editar HTML";

Logo abaixo de <head> cole o seguinte código:
<style type='text/css'>.texthidden {display:inline}.shown {display:block}</style><script type='text/javascript'>document.write('<style>.texthidden {display:none} </style>');</script><script type='text/Javascript'>function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script>
<style type='text/css'>
#dolphincontainer{position:relative;height:43px;color:#f06214;background:#ffffff;
width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:34px;font-size:12px;text-transform:uppercase;
font-weight:bold;background:#F06214 url() repeat-x bottom left;
padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#ffffff;text-decoration:none;
padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#000000;
background:transparent url() repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#FCD9B6;
background:#ffffff url() no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 18px 0 0;width:auto;
background:#805E5E url() no-repeat top right;height:33px;}
</style>
Agora é só clicar em "Adicionar um gadget" -> "HTML/Javascript" e colar esse código:
<a href="javascript:void(0);" onclick="expandcollapse('Menu')">TEXTO</a><br/>
<ul id="Menu" class="texthidden">
<li>CONTEUDO</li>
</ul>
Agora é só você alterar o campo "TEXTO" e "CONTEUDO", colocando o que você quiser.