Blogger as we all know, is the most used blogging platform among all the platforms. You may find every type of blogger in the blogosphere....
Blogger as we all know, is the most used blogging platform among all the platforms. You may find every type of blogger in the blogosphere. Every one these days is looking to customize its blog to make it look more attractive and get a good conversion rate. To make it happen, I have provided a lot of blogger tips on Technoratan. Here I am providing most attractive CSS button links for your website or a blogger blog. If you provide free stuff to download, you can use these download Button link in your blogger blog or website.
Below are five stylish button links that can be used as download buttons, buy now buttons or in any way you want. Besides this, you also try using some other blogger widgets to make your blog look more stylish. You can also add metro style social sharing widget or automatic numbering popular posts widget in your blogger blog.
How to add Stylish Button Links
- Login to your Blogger Dashboard
- Go to Template Section
- Click on Backup/Restore (Always backup your template before making any changes)
- Click on Edit Html
- Click anywhere in the HTML section and press CTRL + F
- Find
[<style type="text/css">.btnlink {
-moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
-webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
box-shadow:inset 0px 1px 0px 0px #7a8eb9;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
background-color:#637aad;
border:1px solid #314179;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:13px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
}
.btnlink:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
background:-moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
background:-webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
background:-o-linear-gradient(top, #5972a7 5%, #637aad 100%);
background:-ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7', endColorstr='#637aad',GradientType=0);
background-color:#5972a7;
}
</style>]
COMMENTS