MENU EXPANSIVEL
Para ter um menu que se expande, como este acima, copie o código abaixo, vá até o HTML do seu blog, procure pelo código
<head>
e abaixo dele, cole o próximo 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>
Salve.
Agora vá em layout,
Clique em "Adicionar um Gadget"
Clique então em HTML/Javascript
E cole o código abaixo, inserindo os links nos locais indicados.
<a href="javascript:void(0);" onclick="expandcollapse('lista de link 1')"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ges6Kks4VufTwxmGFnwR3ZOSpgguuYIuHuhPx_QAox1vKyqoBAbHM9lbJ1XvKhf19ac_3GmzQNjL5vYZMWuLsC2p3y53ad7OgxylNO3MrOyeawu6hNI0m-2o4_gtoK9qDvwptVv3eijC/s1600/lista+de+links+1.png"/></a><br/>
<ul id="lista de link 1" class="texthidden">
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
</ul>
<a href="javascript:void(0);" onclick="expandcollapse('lista de link 2')"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivPgF3GutmTC_VpyYre9LX5C7MyQBYMb6_VoxDL9TeYXhWS2nVJngnN-Taf6u3KCrf9AZ2YT5zRgdka_WJDgCp2ikEsZOWpZ6Wwkh6ms4bIBkOk03-WzK9d0jrNCPTDPy8vyqAK-L1TBeo/s1600/lista+delink+2.png"/></a><br/>
<ul id="lista de link 2" class="texthidden">
<li><a href="http://templateseacessorios.blogspot.com" target="_blank">Templates & Acessórios </a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
</ul>
<a href="javascript:void(0);" onclick="expandcollapse('lista de link 3')"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKVNSYFMok31GE4GwrANedm9HE53jZ5vhmHPydJGuLxDrr6XG_YIf22hLq7HwjrnLuHeX7p13DTE8TCZ8OAGn07ddaoUedDK9pJQJ7xBIxIBlO0oIhvhLVmObAFUnlZbCny0nk1jK_FoWQ/s1600/lista+delink+3.png"/></a><br/>
<ul id="lista de link 3" class="texthidden">
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
</ul>
<a href="javascript:void(0);" onclick="expandcollapse('lista de link 4')"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvZvDfWeyFJ7vpG5OmlsLxc2yD0wrfCHdZx9J2mqvZHcHWqqzIvdM2RaGSLC-tzmOPC1uWSVk5Q0-pScBStlCaAvCsA1wzvYOxvr9reRFxnWb8oXH5uQaBISTEGmrzJRwo1i6KjZ_IWZp/s1600/lista+delink+4.png"/></a><br/>
<ul id="lista de link 4" class="texthidden">
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
<li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
</ul>
<a href="javascript:void(0);" onclick="expandcollapse('lista de links 5')"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZuk4GtZd_LEHm_IPu9vRMRrwDbr6T32huMvaFw8-TOUtPIYSIjwp0tD0vkFHFI70BlVFGrayBgGXH3jbP5Mg7PCt-3jioMV9B1x8_xmkxclsDqh9_jG3zmpuY1lNF1BKUwbBz1ZMGS3Lp/s1600/lista+de+link+5.png"/></a><br/>
<ul id="lista de links 5" class="texthidden">
<li><a href="http://endereçodofcebook.com" target="_blank">Facebook</a></li>
<li><a href="http://endereçodotwittercom" target="_blank">Twitter</a></li>
<li><a href="mailto:endereçodoseuemail@seuservidor.com" target="_blank">Email</a></li>
</ul>
No código acima é perceptível uma variedade de cores, fiz isso para facilitar para vocês.
Azul-------------------Código do endereço dos botões, troque-os se forde seu agrado.
Vermelho-------------Código para a troca de endereço dos links
Rosa-----------------Código que é a chave para abrir o menu, não precisa mexer senão quiser
Laranja--------------Código dos nomes dos links
Abaixo 4 modelos de boões, caso prefira colocar sua inscrição:
