Como bota Menu expansivel

vou mostra como botar menu expansivel no blog veja.

 

 

Copie esse codigo antes da tag </head>

 

 

<style type='text/css'>.texthidden {display:inline}.shown {display:block}</style><script type='text/javascript'>document.write(&#39;<style>.texthidden {display:none} </style>&#39;);</script><script type='text/Javascript'>function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className==&quot;shown&quot;) {whichpost.className=&quot;texthidden&quot;;}else {whichpost.className=&quot;shown&quot;;}}</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>

3ºVá em elementos de pagina ,Adicionar um gadget ,HTML/JavaScript Adicionar agora copie esse codigo e modifique ao seu gosto:

<center><a href="javascript:void(0);" onclick="expandcollapse('favoritos2')"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8WjXwKQ6jLQlr01Nf9eroHduNzg5Y-OrRIPGu26qAHaMMQ8yZinuNZTaeK7frkU1plG0vpkWcV3P0eobkeGBqaygduEWw5Ic8vqSSHBFhQfcXCpIcpGbmbwyBDPAqj19kgj3sfbVmrgM/s1600/categorias.png" /></a></center>

<ul id="favoritos2" class="texthidden">

<li>

<a dir="ltr" href="LINK DA SUA POSTAGEM AQUI">NOME DA CATEGORIA</a>

</li>

<li>

<a dir="ltr" href="LINK DA SUA POSTAGEM AQUI">NOME DA CATEGORIA</a>

</li>

<li>

<a dir="ltr" href="LINK DA SUA POSTAGEM AQUI">NOME DA CATEGORIA</a>

</li>

<li>

<a dir="ltr" href="LINK DA SUA POSTAGEM AQUI">NOME DA CATEGORIA</a>

</li>

<li>

<a dir="ltr" href="LINK DA SUA POSTAGEM AQUI">NOME DA CATEGORIA</a>

</li>

</ul>

 

se quiser fazer mais uma coluna so troque o favoritos2  para favoritos3  e ser for 3 so au acresenta mude para favoritos 4 lembramos que sao dois numeros pra mudar