Animated Bubble CSS3 Button With Easy Installation On Blogger ~ Warrior Tricks

add code here

Animated Bubble CSS3 Button With Easy Installation On Blogger

Before we Move, You may Also Liked to Read:

Hi Bloggiyan! Its May Be old for you but we are sharing these beautiful animated button for beginners. previous posting of same buttons was little lengthy & hard for beginners.
we are sharing easy single installation for adding CSS3 bubble animated buttons. Lets start !

STEP TO ADD CSS3 ANIMATED BUBBLE BUTTONS INTO BLOG.

Step 1. Go To Blogger Dashboard >> Template >>Edit HTML
Step 2. Use CTRL+F To Find Below Code.

<head>

Copy and paste below CSS Link code just after <head>

<link rel="stylesheet" type="text/css" href="https://blogswidget.googlecode.com/svn/tags/bubble.css" />

Step 3. Save Template Done

USING HTML CODES

Now you have to paste HTML code in your blogger post. There are Big, Medium, Small and Round shaped button. Use them as your choice.

Big Buttons

<a href="#" class="button big blue">Big Button</a>
<a href="#" class="button big green">Big Button</a>
<a href="#" class="button big orange">Big Button</a>
<a href="#" class="button big gray">Big Button</a>

Medium Buttons

<a href="#" class="button blue medium">Medium Button</a>
<a href="#" class="button green medium">Medium Button</a>
<a href="#" class="button orange medium">Medium Button</a>
<a href="#" class="button gray medium">Medium Button</a>

Small Buttons

<a href="#" class="button small blue">Small Button</a>
<a href="#" class="button small green">Small Button</a>
<a href="#" class="button small orange">Small Button</a>
<a href="#" class="button small gray">Small Button</a>

Round Shaped Buttons

<a href="#" class="button small green rounded">Rounded</a>
<a href="#" class="button small blue rounded">Rounded</a>

If you want to show the bubble in middle position then use this HTML tag <center>YOUR BUTTON CODE</center>

Now all you have to do is to place your link and link text. That's all folks. I made the article with much difficulties.

Rate This Post or Comments about Text based Related Post Widget