Well , there are lots of ways for making buttons like download button, buy now button or shop now button and i will cover almost all ways for new bloggers as well as experienced ones to make your button atractive and beautiful.
Let’s discuss some most important ways to generate buttons in blogger ( blogspot website ) . Also you can use this tricks in every other platform, i am not taking any guarantee but it should work in all platforms where html can work. hahah ЁЯЩВ
No.1 ) You can make buttons by adobe photoshop ,paint or any other poster or photo editor software and via online tools and apps too. Well in my case i refer to two sites which i usually use in my blogging journey or office related work. POSTERMYWALL.COM , PIXLR.COM/X . These two websites will help you for sure to make beautiful buttons where you can use this simple way to insert button image link in below reference code.
<button class=”btn btn-secondary” type=”button”>2ndary</button>
<button class=”btn btn-success” type=”button”>Success</button>
<button class=”btn btn-danger” type=”button”>Danger</button>
<button class=”btn btn-warning” type=”button”>Warning</button>
<button class=”btn btn-info” type=”button”>Info</button>
This code only works if you use this necessary code in your html section or web page.see below reference code.
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them.
<script src=”https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js” integrity=”sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo” crossorigin=”anonymous”></script>
<script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js” integrity=”sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI” crossorigin=”anonymous”></script>
<style>
/* Button Code*/
.btn1 {
background-color: blue;
border: none;
color: white;
padding: 12px 30px;
cursor: pointer;
font-size: 20px;
font-style: verdana;
}
/* Darker background on mouse-over */
.btn1:hover {
}
</style>
/* Button Code*/
Hope you liked my content and enjoyed it. Must share because sharing is caring. !! ЁЯЩВ