Green and Red Demo Download Buttons for Blogger Post.

At this time I will share how to make a download button or demo responsive and cool on your blog, especially if your blog is a niche blog that shares links such as movie links, template download links for sure these buttons are really needed right?

But before continuing this tutorial, it's just a notification to all of you that this button and its code are prepared for direct use in Blogger Post. Its use is extremely simple and easy. Just do these simple steps:

1. Go to make a new Post in HTML mode.
2. Copy and Paste the following code where they want the buttons to appear.

<style type="text/css">
   a.demone {
   color: #fff;
   font-size: 18px;
   padding: 15px 40px;
   font-weight: 700;
   border-radius: 4px;
   background: #f95633;
</style>
<p>
<center>
   <div class="center"><a class="demone" href="https://trickstofixblog.blogspot.com/" target="_blank" title="Demo Template">See Demo</a></div>
</center>
</p>
<br />
<br />
<style type="text/css">
   a.demtwo {
   color: #fff;
   font-size: 18px;
   padding: 15px 40px;
   font-weight: 700;
   border-radius: 4px;
   background: #1ec912;
</style>
<p>
<center>
   <div class="center"><a class="demtwo" href="https://trickstofixblog.blogspot.com/" target="_blank" title="Download Template">Download</a></div>
</center>
</p>
<br />
<br />

Results

See Demo

Download

To customize the buttons you can make the following changes:

1. To change the text showing on hoover you need to change "Demo Template" and "Download Template" in the code.
2. To change the tittle ow the Buttons need to change See Demo and Download in the code.
3. To change the colors of the Buttons need to change the colors #f95633 and #1ec912 in the code.
4. To change the destination link need to change https://trickstofixblog.blogspot.com/ with your own link.

<style type="text/css"> a.demone { color: #fff; font-size: 18px; padding: 15px 40px; font-weight: 700; border-radius: 4px; background: #f95633; </style> <p> <center>