How to add a Button in Blogger Post: Add a buttons with link in blogger

Saurabh November 19, 2018
How to add a Button in Blogger Post: Add a buttons with link in blogger 

 Hello, friends in this article we will be telling you: How to add a good looking button with a link in blogger.

 Before we start let's know why we need a button in blogger post. first of all, there is no default option for adding a button in blogger post. but sometimes we really think it will be a nice to add a button in blogger post. adding a button in blogger post has some benefits as follows
  • Your post looks nice and refreshing
  • User/reader will get a better experience
  • Download links or other links are pretty clear and stands out, which tells the user to do a task
  • Your blog will get user-friendly

 So let's get started on How to add a button in blogger (With Links)

 Follow the steps in this article or you can watch a video on how to add a button in blogger from here



You can also watch a video here: https://youtu.be/invf42pZCV8




Step1: Copy this code

 CSS CODE:


<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
 
JS CODE:
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
 
Step 2: Go to blogger-> then go to Themes Section-> Then go to-> Edit HTML section



Step 3:  and past above code in <head> section  ans past above code (step 1)


Step 4: Go to blogger post and add a following code in HTML of your blogger post where you want to add a button

 
<button type="button" class="btn btn-success">Success</button>
 
you can find a different types and designs of buttons code here on bootstrap site
https://getbootstrap.com/docs/4.1/components/buttons/
 
 
 
Step5: After adding a code change a button's text Here and to add a link add a following code

 
<a href="your link" target="_blanl"><button type="button" class="btn btn-success">Success</button></a>

 Note: target="_blanluse this to open link in a new tab as shown above.

 Add this: < a href="Link you want - paste here"> and don't forgot to close a tag like this </a> as shown in video


That's it now you are good to go and you can add as many buttons as you want with links.


Related Articles:

 Christmas Wishing Website Script 2018 for Blogger
Tags:

Post a Comment

0 Comments