Add A Button To Your Blog

Easy ways to add a beautiful and stylish button to your blog using CSS and HTML only .

Steps to add this button to blogger :

• Go to blogger.com
• Select Theme -> Edit Template
• Search for ]]></b:skin> ( Click ctrl + f to open search )
• Add the CSS codes above ]]></b:skin> and save the template
• And now select the post or page where you want to add the button
• Paste the HTML codes on the HTML part of that post or page
• Replace the text and link which are marked in red
• Now the button is added successfully

CSS Codes :

123456789101112131415161718192021222324 .button {
  background: transparent;
  border-radius: 3px;
  box-sizing: border-box;
  color: currentColor;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  letter-spacing: .5px;
  line-height: 24px;
  min-width: 88px;
  padding: 6px 12px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #fafafa;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
  background-color: #039bef;
}

HTML Codes :

123<button class="button">
<a href="http://www.techmobs.in" class="button">Download Button</a>
</button>

Demo :

Download Button

Enjoy the new stylish button .