₦airaland Forum

ProudlyTunes:
bloggers & webmasters, please I need this code, I attach the picture below,
That is the DOWNLOAD Mp3 will be in Red block exactly it is in the picture.
am not good in coding that's why

please help

Ayo081:
Html

<p class ="dwnld"> DOWNLOAD MP3 <\p>

Css

.dwnld {

background: red;
border-radius: 10px;

}

<a href="music-link-here(link1)"><img src="image-link-here(link2)"></a>

<a href="http://site.com/music-file.mp3"><img src="http://site.com/image/download.jpg"></a>

<p class ="dl-button"><a href="http://site.com/music-file.mp3"> DOWNLOAD MP3</a><\p>

CSS

.dl-button {
background-color: #f44336; /* Red */
border: none;
color: white;
padding: 12px 40px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

Julius2214:
You can also do this without using image but just css.
Copy this code below and paste it where u want your download button?

Change the link to your music download link.

ProudlyTunes:
Where will I paste the code,
is it when I what to write new post?

or the code is to be pasted in my theme
am confuse

modestbrowser:
Where did u copy the code?

ProudlyTunes:
i don't have any idea
that's why I need help

Julius2214:
Are you using Blogger or WordPress?

.dl-button {
    background-color: #f44336; /* Red */
    border: none;
    color: white;
    padding: 12px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

<p class ="dl-button"><a href="http://site.com/music-file.mp3"> DOWNLOAD MP3</a><\p>