O codigo para fazer esse menu e dividido em duas partes:O estilo CSS do botao que deve ser colocado junto com o restante do CSS do seu site:.botao a, .botao a:visited{width: 220px;color: #000000;text-decoration: none;padding-top: 3px;display: block;padding-bottom: 3px;margin-bottom: 1px;background-image: url(Imagem do botao);font-family: "Comic Sans MS";font-size: 10pt;text-align: left;text-indent: 6px;}.botao a:hover{color: #0000FF;background-color: #FFFFCC;background-image: url(Imagem do botao quando o mouse estiver sobre ele);}E a outra parte que deve ser colocada onde o menu ira aparecer, no caso do Blogspot isso e na pagina layout, adicionar elemento, html/javascript.<div style="width: 240px;height: 295px; overflow: auto;border: 1px solid #999999"><div class="botao"><a href=Endereco do Site target="_blank">Nome do Site</a></div></div>Na parte do CSS a linha background-image: url(Imagem do botao); e background-image: url(Imagem do botao quando o mouse estiver sobre ele), voce deve hospedar a imagem em algum site e colocar a url aqui. Se preferir pode usar uma cor de fundo trocando essas linhas por background-color: #CCCCCC; escolhendo a cor que desejar, caso use uma cor de fundo em vez de uma imagem sugiro que coloque bordas(adicione essa linha jundo com a outra border: 1px solid #333333;) esta tambem pode ser de qualquer cor. Lembre-se de colocar a cor de fundo e borda nas duas partes do CSS. Sobre o tamanho pode ser alterado como voce quiser: width: 240px e a largura do menu e width: 220px e do botao, quando fizer alteracoes faca nas duas larguras. 1oA primeira parte do codigo deve ser colocada de preferencia logo depois de tudo que se refere a header.Entao va ate o codigo do seu template e procure pelo seguinte codigo:/* Header-----------------------------------------------*/#header-wrapper {width:660px;margin:0 auto 10px;border:1px solid $bordercolor;}#header-inner {background-position: center;margin-$startSide: auto;margin-$endSide: auto;}#header {margin: 5px;border: 1px solid $bordercolor;text-align: center;color:$pagetitlecolor;}#header h1 {margin:5px 5px 0;padding:15px 20px .25em;line-height:1.2em;text-transform:uppercase;letter-spacing:.2em;font: $pagetitlefont;}#header a {color:$pagetitlecolor;text-decoration:none;}#header a:hover {color:$pagetitlecolor;}#header .description {margin:0 5px 5px;padding:0 20px 15px;max-width:700px;text-transform:uppercase;letter-spacing:.2em;line-height: 1.4em;font: $descriptionfont;color: $descriptioncolor;}#navigation{height:40px;width: 890px;line-height:2.9em;margin:-12px 10px 10px 5px;background: url(ENDERECO DA SUA IMAGEM) repeat-x;}#navigation li{float:left;list-style-type:none;border-right:1px solid #787878;white-space:nowrap;}#navigation li a{display:block;padding:0 10px;font-size:0.8em;font-weight:normal;text-transform:uppercase;text-decoration:none;background-color:inherit;color: #000000;}* html #navigation a {width:1%;}#navigation .selected,#navigation a:hover{background:#808080;color:#000000;text-decoration:none;}2oAgora adicione o codigo em vermelho como mostra o exemplo acima.3oAgora vamos ao segundo codigo,encontre o seguinte trecho no codigo do seu template:<body><div id='outer-wrapper'><div id='wrap2'><!-- skip links for text browsers --><span id='skiplinks' style='display:none;'><a href='#main'>skip to main </a> <a href='#sidebar'>skip to sidebar</a></span><div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='false' title='TPBB (Header)' type='Header'/></b:section></div><!-- Nao esqueca de colocar aqui os seus links!!--><div id='navigation'><ul><li><a href='inserir link do seu blog' title=''>Home</a></li><li><a href='inserir link aqui' title=''>Artigos</a></li><li><a href='inserir link aqui' title=''>Fotos</a></li><li><a href='inserir link aqui' title=''>Links</a></li><li><a href='inserir link aqui' title=''>Forum</a></li><li><a href='inserir link aqui' title=''>Outros Sites</a></li><li><a href='inserir link aqui' title=''>FAQ</a></li><li><a href='inserir link aqui' title=''>Contato</a></li></ul></div>4oAdicione o codigo vermelho como aparece no exemplo acima.Onde esta 'insirir link aqui' e opnde voce ira colocar os links.E as partes em amarelo do codigo acima voce pode mudar de nome pelo que voce quer que apareca.Bom eras isso espero ter ajudado. Com este scripts voce podera proteger sua pagina contra o uso do botao direito, das teclas ALT+F4 e copia de textoAdicione este codigo entre os campos <BODY> aqui </BODY>ou coloque como elemento de pagina<script language=JavaScript>//script from www.argnet.tkfunction blockError(){return true;}window.onerror = blockError;</script><script language=JavaScript>function disableselect(e){return false}function reEnable(){return true}//if IE4+document.onselectstart=new Function ("return false")//if NS6if (window.sidebar){document.onmousedown=disableselectdocument.onclick=reEnable}</script><script language=JavaScript><!--var mensagem="Copia nao autorizada!";//protege o botao direito do mousefunction click(mouse)