Aqui eu de novo trazendo mais uma partilha. É isso ai como a imagem acima mostra vamos aplicár ás labels/etiquetas esta forma open/close. Mas pode visualizár online:ENTRE AQUI:

É bem simples de aplicár no seu blog,vamos lá´´

Antes de tudo faça 1 cópia do seu template...


Entre em seu  template e adicione gadget labels/etiquetas/categorias,em forma de lista``

 Agora entre em modelo/html e procure este código/trecho´´

]]></b:skin>


E acima dele coloque este meu``

}
#catbt{background:#fcfcfc;width:310px;color:#000;font-family:Serif;display:inline;padding:3px 2px 2px;margin:3px;
}


Metade está feito agora vamos procurar trecho tipo este``

<div id='sidebar-wrapper'>


Atenção que muda consuante o template temos encontar este trecho``

      <b:widget id='Label1' locked='true' title='categorias' type='Label' visible='true'>

Id das suas etiquestas/labels pode ser outro, vamos encontra o código e trocar``


Exemplo do meu trecho,deixe a setinha fechada e sublinhe esse seu código e troque pelo meu``

        <b:widget id='Label1' locked='true' title='categorias' type='Label' visible='true'>
  <b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
 <select class='postform' id='catbt' name='cat' onchange='location=this.options[this.selectedIndex].value;'>
<option>Escolha Categorias</option>
<b:loop values='data:labels' var='label'>
   <option expr:value='data:label.url'><data:label.name/>
      (<data:label.count/>)
   </option>
</b:loop>
</select>
</b:includable>
</b:widget>



Feito isso visualize como está ,abaixo deixo detalhes código``


  • background:#fcfcfc; Côr da caxinha/box/fundo
  • width:310px; Largura caixinha/box
  • color:#000; Côr da letra
  • font-family:Serif; Fonte/letra
Feito e entendido ,está pronto e suas labels/categorias estão com uma nova cara.
Alguma duvida deixe recado,Fuiiiiiiii...

 
 
Back to top

Estatísticas

  • Postagens
  • Comentários
  • Visualizações
🔗 Contato✔ Apoio 🔗
Reservado © 2016 ❝ Autôr