Tricks How to Make a Simple Download and Demo Button on Blog

Tricks How to Make a Simple Download and Demo Button on Blogspot


How to Make a Download Button and Simple for the Blog. Hello friends, back again with the GudangTutorial admin who always updates new posts. On this occasion, admin Alan shared how to create a Download and Demo button on a blog post.

This button works for your blog visitors, who have a download blog for sure. Not only makes it easier for visitors to download, but this button also makes your website look more elegant and cool, friend.
So, if you want you can just install the code below in the CSS or HTML settings of your blog.

Friend, you can see the steps and the method below.

How to Make a Download Button and Demo on Blog Posts:
  1. Immediately enter CSS and HTML when you want to post articles
  2. Enter HTML mode on posting
  3. Copy the code below according to the button position you want to display


<style>
.buttonx{display:inline-flex;cursor:pointer;font-size:13px;font-weight:bold;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#FFF!important;border:2px solid #FFF!important;background-color:#0070b0!important;background:0;margin:5px 0;padding:8px 25px;text-shadow:none!important;transition:all 0s!important}
.buttonx:hover{background-color:#f78d1d!important;background:0}
.buttonx:active{position:relative;top:1px}
</style>
<div style="text-align: center;margin: 10px 0;">
<a class="buttonx" href="https://www.tulisandaeng.com/" target="_blank">Demo</a>
<a class="buttonx" href="https://www.tulisandaeng.com/" target="_blank">Download</a>
</div>


4. Change the URL and name you want and Publish !!

Well, that's enough, friend, about How to Create a Download and Demo Button on Blogspot. Don't forget to leave a comment and share this post. May be useful.
Trik Membuat Tombol Download dan Demo Simple pada Blogspot

Post a Comment for "Tricks How to Make a Simple Download and Demo Button on Blog"