Apenas lanca uma nova versao de um widget de separadores de menu para blogger , totalmente personalizavel e editavel. Este elemento e uma copia exata de nosso codigo Widget Tab Menu de Wordpress que criamos para blogs do Blogger. A unica diferenca e a concepcao deste tempo e com um tutorial mais facil. Eu so espero que voce goste. Vamos comecar a trabalhar agora!Demonstracao ao vivo 1Demonstracao ao vivo 2Adicionando Widget Tabs Menu para Novo BloggerPor favor, siga estas etapas,Ir para o Blogger> Design> Editar HTMLBackup de seu modeloProcure por ]]> </ b: skin>Logo abaixo cole o seguinte codigo -> Menu de MBT Tabs JavaScriptE logo acima ]]> </ b: skin> cole este codigo,/ * ----- MBT Widget multi Tabbed ---- * / guias-widget {list-style: none; list-style-type:.; margem none: 0 0 10px 0; padding: 0; height: 40px } guias-widget li {list-style: none; list-style-type:. none; margin: 0 0 0 4px; padding: 0; float: left} . margem de primeiro-crianca {:: guias-widget li 0} . guias-widget li estofamento; topo repeticao x-left: 14px 12px; display: block; text-decoration: none; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase} . guias-widget. li a: hover, guias -widget li esquerda 140px 6. Agora cuidadosamente seguir este passo, pois envolve a posicao do widget no seu modelo. Como a maioria dos modelos tem codificacao diferentes, assim se voce nao poderia encontrar um codigo de combinacao abaixo, entao nao se preocupe e deixe-me saber por postar seu blog URL no formulario de comentariosProcure por esse codigo se voce estiver usando desenhos novo modelo blogger, <div class='column-right-inner'>ou isso se voce usar qualquer outro modelo,<div id='sidebar-wrapper'>e logo abaixo o codigo que voce encontrar, cole o codigo a seguir,<div class='tabviewsection'><Script li: em primeiro lugar li a "). click (function () { $ ("ul.tabs-widget-widget-themater_tabs-1432447472-id li a"). removeClass ("guias-widget-corrente activeTab = $ (this) attr ("href");. $ (activeTab) fadeIn ();. return false; }); }); </ script> <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'> <li> <a href='#widget-themater_tabs-1432447472-id1'> Sobre </ a> </ li> <li > <a href='#widget-themater_tabs-1432447472-id2'> Tag </ a> </ li> <li> <a href='#widget-themater_tabs-1432447472-id3'> Arquivos </ a> </ li> </ ul>class='tabs-widget-content <div tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'> <b: classe section = 'sidebar' id = 'sidebartab1' preferido = 'yes'> </ b: section> </ div> <div class = id 'abas-widget-content guias-widget-content-widget-themater_tabs-1432447472-id' = 'widget-themater_tabs-1432447472-id2 '> id='sidebartab2' class='sidebar' <b:section preferred='yes'> </ b: section> </ div> <div class = 'abas-widget conteudo das guias-widget-content-widget- themater_tabs-1432447472-id 'id =' widget-themater_tabs-1432447472-id3 '> <b:section class='sidebar' id='sidebartab3' preferred='yes'> </ b: section> </ div> </ Div><div style='height:5px;clear:both;'/>Por favor, substitua Sobre , Etiquetas e Arquivo com seus titulos de Widget que voce estara acrescentando. Manter o titulo curto. 7. Agora va para elementos da pagina. Voce vai ver algo como isso, 8. E agora vem o passo mais dificil ... Comece Adicionando Widgets! Divirta-se =) FACA O DOWNLOAD AQUI <<<<Spark e um daqueles mensageiros que voce deve conhecer. Apesar de uma aparencia sobria e sem muita perfumaria, seus criadores dotaram ele de recursos que, segundo eles, nao e possivel encontrar nos melhores mensageiros populares.De acordo com seus criadores, ele foi otimizado tendo em vista empresas e organizacoes. Mas nao se engane, pois nao se trata de um aplicativo com recursos