sábado, 30 de janeiro de 2016

Cloud label Responsive Blogger

label-cloud-responsive-blogger

Cloud label responsive blogger é um widget totalmente inovador, responsive, isso pode ser colocado no rodapé ao sidebar e ao passar o mouse isso traz um efeito fade para o usuario muito interresante, então para adicionar isso ao blogger siga os passos abaixo. Créditos.bangtama


Adicionando cloud label responsive no blogger 

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

#Label1 .widget-content{overflow:auto; height:183px}
.label-size:hover{color:white; background:#03a1d5; border:1px solid #027094; transition:all 0.1s ease-in-out}
.label-size a:hover{color:white}
.label-size a{text-decoration:none; color:#000}
.label-size a:active{text-decoration:line-through}
.label-size{background:rgb(238,238,238); border:1px solid rgb(213,213,213); padding:5px; margin:2px; font-family:Ruda; font-size:14px; float:left; width:42.5%; overflow:hidden; text-align:center; -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out}

Salve o template. 

Então em layout adicionar novo gadget procure por labels e adicione isso ao blogger veja o resultado.


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