Mil Trucos Blogger

Botones de descarga para Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
1
Blogger es una genial plataforma muy flexible y se pueden editar muchos aspectos, como es el caso de los botones de descarga, con algo de CSS se pueden lograr grandes cosas como los botones que presentamos hoy:

Para agregar este truco a tu blog pega el siguiente código justo antes de  ]]></b:skin>

#wrap {
    margin: 20px auto;
    text-align: center;
}
#wrap br {
    display: none;
}
.btn-slide, .btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}
.btn-slide2 {
    border: 2px solid #efa666;
}
.btn-slide:hover {
    background-color: #0099cc;
}
Ahora en la edición html de una entrada pega lo siguiente:
<div id="wrap">
<a href="URL DEL ENLACE" class="btn-slide" target="_blank">
  <span class="circle"><i class="fa fa-rocket"></i></span>
  <span class="title">Demo</span>
  <span class="title-hover">Click here</span>
</a>
<a href="URL DEL ENLACE" class="btn-slide2" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">Download</span>
  <span class="title-hover2">Click here</span>
</a>
</div>

Ahora sólo queda que disfrutes de este genial truco en tu blog cada vez que vayas a poner un archivo de descarga.

Vía/Arlina

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
1

2 Comentarios

  1. Enero 7, 2015    

    Excelente los trucos de Arlina, ya los he implementado en mi blog desde que se publico el artículo en Arlina.

    Creo que hay que aumentar el ancho del botón, ya que no entra mucho texto en el.

    • Enero 10, 2015    

      Amigo es cuestión de gustos 🙂 Y si los trucos de Arlina son muy buenos.

      Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo