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" /> <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 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 sitehttps://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
No comments:
Post a Comment