Home Uncategories Widget multi nova com guias para o Blogger - Tabs editáveis!

Widget multi nova com guias para o Blogger - Tabs editáveis!

1 Comment Edit

MULTI-BAT-WIDGET
Apenas lança uma nova versão de um widget de separadores de menu para blogger , totalmente personalizável e editável. Este elemento é uma cópia exata de nosso código Widget Tab Menu de Wordpress que criamos para blogs do Blogger. A única diferença é a concepção deste tempo e com um tutorial mais fácil. Eu só espero que você goste. Vamos começar a trabalhar agora!





Demonstração ao vivo 1



Demonstração ao vivo 2

Adicionando Widget Tabs Menu para Novo Blogger

Por favor, siga estas etapas,
  1. Ir para o Blogger> Design> Editar HTML
  2. Backup de seu modelo
  3. Procure por ]]> </ b: skin>
  4. Logo abaixo cole o seguinte código -> Menu de MBT Tabs JavaScript
  5. E logo acima ]]> </ b: skin> cole este código,
/ * ----- 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-criança {:: guias-widget li 0} 
. guias-widget li estofamento; topo repetição 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 posição do widget no seu modelo. Como a maioria dos modelos tem codificação diferentes, assim se você não poderia encontrar um código de combinação abaixo, então não se preocupe e deixe-me saber por postar seu blog URL no formulário de comentários
Procure por esse código se você estiver usando desenhos novo modelo blogger,
 <div class='column-right-inner'>
ou isso se você usar qualquer outro modelo,
<div id='sidebar-wrapper'>
e logo abaixo o código que você encontrar, cole o código 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 conteúdo 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 títulos de Widget que você estará acrescentando. Manter o título curto.
     7. Agora vá para elementos da página. Você vai ver algo como isso,
MENU-ABAS-page-ELEMENTOS

    8. E agora vem o passo mais difícil ... Comece Adicionando Widgets! Divirta-se =)

Share this:

ABOUT THE AUTHOR

Hello We are OddThemes, Our name came from the fact that we are UNIQUE. We specialize in designing premium looking fully customizable highly responsive blogger templates. We at OddThemes do carry a philosophy that: Nothing Is Impossible

1 comentários:

  1. Giulia3 de janeiro de 2015 às 03:08

    não deu certo: "Attribute name "li:" associated with an element type "Script" must be followed by the ' = ' character".

    ResponderExcluir

Comente com o Facebook:

Assinar: Postar comentários ( Atom )