Para añadir este estilo de nube de etiquetas con CSS en blogger ir a:
- Plantilla,
- Personalizar
- Diseñador de Plantillas
- Avanzado
- Añadir código CSS personalizado, en el recuadro pegar el siguiente cuadro:
#Label2 a{
padding-left:20px;
background:#9f3f50;padding:0 20px;
color:#fff!important;
border-radius:100px;
-moz-border-radius:100px;
height:30px;
line-height:30px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:12px;
}
#Label2 a:hover{
color:#000 !important;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8leOJtXmeW9qlObFLPnLnrZ7yDMX3-DRsLGz2lbkRRr2Z_F90Gx7mnCjSmYsBhaQwm6cBgZfe95Co5STmIDoGqq_b9LMYPNBeMsVD24S4Dc0d-dJH-qnz_Q6qEkUynb2fJRFmZfnjcrk/h120/bricks.png) center center repeat-x;
border:1px solid #ddd;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
font-size:10px !important;
text-decoration:none;
}
Cambiar el color en background:#9f3f50
No hay comentarios:
Publicar un comentario