How to add Stylish Button on Blogger Site

Subscribe our Channel

Every New blogger Starting there the first Site hosted on blogger. Blogger is Simple, Just Create your blogger Account and Create New Post and Let’s Start Blogging. Hello Developers In this article, we will show you, How to Add Stylish button on blogger Site.

We will create a Stylish button for using HTML & CSS Coding. We will also provide this coding for free. So guys Let’s follow this step till the end.

First of All, Download CSS Code below the Download button.

Copy the CSS Code

<head> <style> input.MyButton { width: 300px; padding: 20px; cursor: pointer; font-weight: bold; font-size: 150%; background: #3366cc; color: #fff; border: 1px solid #3366cc; border-radius: 10px; } input.MyButton:hover { color: #00000; background: #000; border: 1px solid #fff; } </style> </head>

Open Your Google Blogger Site and Click on Theme Section.

Click on Edit HTML button and open your blogger Coding dashboard.

Find <head> and Paste this shortcode below the next line of <head> . If you can’t find <head> tag, Then Press on CTRL+F & then open on Search bar, Then type on <head> and Press enter. Now detect on <head> tag.

Then Save your blogger Templates.

Now You have Successfully added your blogger Templates and Close your Coding Section.

Instructuction edit HTML code by blogsguru
Instruction of edit HTML code by blogsguru

Create a Post and Add Stylish Button on Blogger

Create a Post and Write your Post.

Where You want to Show the button, Just Paste on the Shortcode to the HTML Section of the Post and Publish now.

Copy The HTML Shortcode

<form>
<input class="MyButton" type="button" value="Your Text Here" onclick="window.location.href='http://www.yourdomain.com'" />
</form>

Change The Button Colour

If you want to change your button colour to according your website themes.

Then You need to change hex colour code. You can change hex colour to many online hex colour editor. Search on Google “Hex Colour Editor” . You can use any website.

More about to related change button colour, must be watch tutorial video till end. If anything doubt Comment in below.

Thanks for reading our Completely post. Hopefully You add Stylish button on blogger site. So give me your valuable feedback for improvement.

2 thoughts on “How to add Stylish Button on Blogger Site”

  1. Sir ji good morning aap mere whatsapp me e dono code please send kijiey sir mere whatsapp no 9733214656 es no per

    Reply

Leave a Comment

Pin It on Pinterest

Share This