How to Add download button and link it to another website with hover Effects in blogger
Cliclk below button to Download
with this script you need to change the code in themes this simple and basic button which can be added to post
in the whole script below you need change only highlighted to change position of button and add your own link. i had written customize as per your need.i searched so many blogs but i didn't found script like this.
<meta content="width=device-width, initial-scale=1" name="viewport">
<!--Add icon library-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>
<style>
.btn {
position: absolute;
left: 200px;
top: 150px;
}
.btn {
background-color: #ff6666;
border: none;
color: white;
padding: 12px 20px;
cursor: pointer;
font-size: 15px;
}
/* Darker background on mouse-over */
.btn:hover {
background-color: green;
}
</style>
<body>
<button class="btn"><i class="fa fa-download"></i> <a href="https://dgdrive.xyz/5zw6ws0aj4be" target="_blank">Download NOW</a></button>
</body>
No comments