NaijaLoaded Download Button Code + How To Use

Screenshot_20210729-130013

Posted by VN Official

On Nov 18, 2021

2

Share on facebook
Share on twitter
Share on whatsapp
Share on telegram

Hello, I’m right here once more to provide the greatest piece I’ve bought proper now. Guess what? It’s the Naijaloaded Download Button (Ghost Button).

Here, I will provide you with the code and css, then educate you tips on how to make it work on any theme of your alternative.

ADVERTISEMENT

If you might be accustomed to html and css, come right here, you are able to do this, sure, you!

ADVERTISEMENT

Yay! Let’s dive into the ocean now.

I’ll begin by supplying you with the css of the code if not it will not work in your web site.

CSS means Cascading Style Sheets, it’s liable for the great thing about your web site, whereas HTML, Hypertext Markup Language is liable for the construction of your web site. That is, the constructing block.

Setting up the Css

/* Button Cascading */
a.btn-ghost {
background: #0a8a0a no-repeat !important;
position: relative;
/*background-size: 35px !important;
background-position: 126px 5px !important;*/
border: 1px strong #0a8a0a !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 600 !important;
border-radius: 4px !important;
display: inline-block !important;
padding: 5px 40px 5px 10px !important;
letter-spacing: 0 !important;
}

a.btn-ghost::after {
display: inline-block;
position: absolute;
content:"";
right: 2px;
top: 0px;
height: 35px;
width: 35px;
background: url(https://www.vistanaij.com.ng/wp-content/uploads/2021/07/download_arrow.gif) no-repeat !important;
background-size: 35px !important;
}

a.btn-ghost:hover {
background-color: #467713 !important;
border: 1px strong #467713 !important;
colour: #fff !important;
}

.btn-outline {
border: 2px strong #0a8a0a;
margin-bottom: 20px;
border-radius: 5px;
font-weight: 600;
text-transform: capitalize;
}

.btn-outline:hover {
background: rgba(105, 181, 29, 0.3);
}

.btn {
padding-right: 15px;
position: relative;
}
  • In your wp-admin dashboard, go to look > customise > Custom Css, paste the above code within the field and publish
SEE ALSO:  How To Extract Zip, Rar, Tar Files on Pc & Android Phone

Using the Code (html) to showcase obtain button

<center><a class="btn-ghost" href="https://www.vistanaij.com.ng/wp-content/uploads/2021/02/Bella_Shmurda_-_Rush_-_Moving_Fast__Vistanaij.com.ng.mp3">DOWNLOAD MP3</a></center>

Whenever you might be posting songs or music video obtain buttons, that is tips on how to use the button code.

In your basic editor or block editor, when posting a track, paste the above code for the button to indicate the naijaloaded button, you simply have to exchange the default hyperlink to the obtain hyperlink you need to use.

NB: Make positive you turn your editor to textual content earlier than pasting the code as a result of for those who paste in visible mode, it will not work out.

That is all about Naijaloaded Download Button Code

ADVERTISEMENT

Should you have got any situation, contact me on whatsapp: 07069047498

This Article is owned by Vistanaij.com.ng. There shouldn’t be any type of modification or copying with out prior discover or references to this hyperlink, in any other case, it might result in your contents disappearing from engines like google.

 

Share to others too:

Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on telegram
Telegram

You May Also Like

Comments 2

  1. Softvibez.com says:

    do i have to paste the code each time i want to upload a music

Leave a Reply

Your email address will not be published.