no-repeat; /*Seta para os links*/background-position:0 5px;border-bottom:1px dotted #B30000;/*Cor da borda inferior dos links*/text-indent:10px;color:$linkcolor;/*Cor do link*/list-style:none; margin:0; padding:2px 0 3px 2px;}/*-----Tabberlive-----*/.tabberlive .tabbertab h2,.tabberlive .tabbertab h3{display:none;}.tabberlive#tab1 .tabbertab,.tabberlive#tab2 .tabbertab{height:;overflow:auto;} Este codigo vai definir a aparencia do seu menu. Por exemplo se voce quer que o fundo das abas inativas fiquem cinza ou azuis, tamanho do menu, etc. Clique em VISUALIZAR para se certificar que esta indo tudo certo. Clique em SALVAR ALTERACOES.3o Passo Copie o codigo Javascript abaixo e cole acima da tag :ATENCAOO menu em abas funciona com um JavaScript que deve ser hospedado por voce;BAIXE E SALVE o arquivo java que esta em azul:;Hospede no local de sua preferencia substituindo o LINK: http://www.barelyfitz.com/projects/tabber/tabber.js no codigo do seu template pelo LINK fornecido por sua hospedagem(Sugestao Dropbox);Desta forma nao havera o risco de suas abas nao funcionarem, a nao ser que muitas pessoas usem o mesmo endereco do java e sua taxa de transmissao de banda ultrapassar o limite do site de hospedagem.Voce tem a opcao de colocar o codigo javascript incorporado ao seu template, ou seja, Hospedar no proprio Blogger, para que nao corra o risco do site de hospedagem dar problemas. Para isso copie o codigo abaixo e cole acima da linha //<![CDATA[/* Copyright (c) 2006 Patrick Fitzgerald */function tabberObj(argsObj){var arg;this.div=null;this.classMain="tabber";this.classMainLive="tabberlive";this.classTab="tabbertab";this.classTabDefault="tabbertabdefault";this.classNav="tabbernav";this.classTabHide="tabbertabhide";this.classNavActive="tabberactive";this.titleElements=['h2','h3','h4','h5','h6'];this.titleElementsStripHTML=true;this.removeTitle=true;this.addLinkId=false;this.linkIdFormat='nav';for(arg in argsObj){this[arg]=argsObj[arg];}this.REclassMain=new RegExp('\b'+this.classMain+'\b','gi');this.REclassMainLive=new RegExp('\b'+this.classMainLive+'\b','gi');this.REclassTab=new RegExp('\b'+this.classTab+'\b','gi');this.REclassTabDefault=new RegExp('\b'+this.classTabDefault+'\b','gi');this.REclassTabHide=new RegExp('\b'+this.classTabHide+'\b','gi');this.tabs=new Array();if(this.div){this.init(this.div);this.div=null;}}tabberObj.prototype.init=function(e){varchildNodes,i,i2,t,defaultTab=0,DOM_ul,DOM_li,DOM_a,aId,headingElement;if(!document.getElementsByTagName){return false;}if(e.id){this.id=e.id;}this.tabs.length=0;childNodes=e.childNodes;for(i=0;i]+>/g,"");}break;}}}if(!t.headingText){t.headingText=i+1;}DOM_li=document.createElement("li");t.li=DOM_li;DOM_a=document.createElement("a");DOM_a.appendChild(document.createTextNode(t.headingText));DOM_a.href="javascript:void(null);";DOM_a.title=t.headingText;DOM_a.onclick=this.navClick;DOM_a.tabber=this;DOM_a.tabberIndex=i;if(this.addLinkId&&this.linkIdFormat){aId=this.linkIdFormat;aId=aId.replace(//gi,this.id);aId=aId.replace(//gi,i);aId=aId.replace(//gi,i+1);aId=aId.replace(//gi,t.headingText.replace(/[^a-zA-Z0-9-]/gi,''));DOM_a.id=aId;}DOM_li.appendChild(DOM_a);DOM_ul.appendChild(DOM_li);}e.insertBefore(DOM_ul,e.firstChild);e.className=e.className.replace(this.REclassMain,this.classMainLive);this.tabShow(defaultTab);if(typeof this.onLoad=='function'){this.onLoad({tabber:this});}return this;};tabberObj.prototype.navClick=function(event){varrVal,a,self,tabberIndex,onClickArgs;a=this;if(!a.tabber){return false;}self=a.tabber;tabberIndex=a.tabberIndex;a.blur();if(typeof self.onClick=='function'){onClickArgs={'tabber':self,'index':tabberIndex,'event':event};if(!event){onClickArgs.event=window.event;}rVal=self.onClick(onClickArgs);if(rVal===false){return false;}}self.tabShow(tabberIndex);return false;};tabberObj.prototype.tabHideAll=function(){var i;for(i=0;i Clique em VISUALIZAR para se certificar que esta indo tudo certo. Clique em SALVAR ALTERACOES.4o Passo Agora voce vai colocar o codigo HTML e fazer funcionar seu menu em abas.Acrescente o codigo no local que deseja no seu blog.* Por exemplo: Se voce quer que fique acima da sidebar (coluna lateral) do seu blog deve ser colocado acima do codigo correspondente ao da sidebar .1o - Copie o codigo abaixo:2o - Cole este codigo entre as tags: Criadas no 1o Passo. Lembra?3o - Observacoes Importantes: Com este codigo acima voce ira acrescentar 2 menus em abas, sendo o primeiro com 4 abas e o segundo com 3 abas. Voce pode retirar um dos menus RETIRANDO este codigo: Se voce quiser acrescentar mais abas repita o codigo: Nao se esqueca de alterar # por um numero que nao se repita. Clique em VISUALIZAR para se certificar que esta indo tudo certo. Clique em SALVAR ALTERACOES.