Add a cool looking button to your Blog/Website.

Add a cool button to your blog...


Add a button like THIS to your blog:

Blogger:

Goto Template>Customize>Advanced>Add CSS and paste the code below:

#button{
width:auto;
height:auto;
margin:auto;
padding:10px;
border-radius:5px;
background: #f06;
background: linear-gradient(0deg, #E65C5C, #EE8D8D);
text-decoration:none;
color:white;
font-family:Arial bold, Arial, serif;
box-shadow:3px 3px 3px #E6E6E6;
min-height: 100%;'

}
#button:hover{
box-shadow:0px 0px 0px #E6E6E6;
background: linear-gradient(0deg, #E65C5C, #EE8D8D);
}
#button:active{
box-shadow:0px 0px 0px #E6E6E6;
background: linear-gradient(180deg, #E65C5C, #EE8D8D);

}

And wherever you want the button paste the HTML below:

<a href="http://pelictech.blogspot.com" id="button>YOUR TEXT HERE</a>
(change the link to your link.... and the text to your text)

On your website:

put this CSS:

#button{
width:auto;
height:auto;
margin:auto;
padding:10px;
border-radius:5px;
background: #f06;
background: linear-gradient(0deg, #E65C5C, #EE8D8D);
text-decoration:none;
color:white;
font-family:Arial bold, Arial, serif;
box-shadow:3px 3px 3px #E6E6E6;
min-height: 100%;'

}
#button:hover{
box-shadow:0px 0px 0px #E6E6E6;
background: linear-gradient(0deg, #E65C5C, #EE8D8D);
}
#button:active{
box-shadow:0px 0px 0px #E6E6E6;
background: linear-gradient(180deg, #E65C5C, #EE8D8D);

}
 and this HTML:
<a href="http://pelictech.blogspot.com" id="button>YOUR TEXT HERE</a>
(change the link to your link.... and the text to your text)