How to add Stylish Download button on blogger post

Hello friends, we are giving ideas for blogger beginners, in this post, im going to show add stylish download button on blogger post.

First follow video instruction

Download

Copy CSS code and Go to blogger Template > Customize > Advanced > Add CSS

1.CSS Code

 .button {

  padding: 15px 25px;

  font-size: 24px;

  text-align: center;

  cursor: pointer;

  outline: none;

  color: #fff;

  background-color: #000;

  border: none;

  border-radius: 15px;

  box-shadow: 0 9px #999;

}

.button:hover {background-color: #333333}

.button:active {

  background-color: #ccc;

  box-shadow: 0 5px #666;

  transform: translateY(4px);

}

In blogger post copy and paste this HTML code in HTML mode.

2.HTML Code

<div align=”right”  >

<a href=”https://prathaptech.com/”><button  style=”background:black;color:white;width:150;height:25;”><strong>Download</strong></button></a>

</div>

Finally, added download button blogger post.