sábado, 23 de abril de 2016

Labels widget blogger

labels-widget-blogger-new-one

Hoje vamos mostrar como adicionar esse widget no seu Blogger isso fica mais profissional e também traz um layout inovador que ajuda também na visualização de labels diferenciadas para adicionar isso no seu Blogger siga os passos abaixo


Como adicionar labels widget no blogger:

Faça login no blogger 
então no menu modelo >> editar HTML/JavaSript 
com as teclas combinadas CTRL+F busque por ]]></b:skin> logo acima disso copie e cole o seguinte código:

/* label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
background:#2ea9da;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
background:#333333;
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff !important;
}
.label-size {
line-height:1.2
}

Nota se preferir pode trocar a cor de fundo esse é o código: #2ea9da onde deve ser trocado pelo qual deseja.

salve vá em layout adicionar novo gadget procure por labels e adicione onde deseja clique em salvar e pronto.
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner