0

Many bloggers think that how to make a link button ??? so friends here is new useful trick for "link button".

Demo Button Link 


How to put button by using HTML code ?

 Paste The Following HTML code in your post 

HTML code
<form><input class="Bloggerdaddy" type="button" value="Your Text Here" onclick="window.location.href='http://www.bloggerdaddy.tk/2016/04/how-to-make-link-button-download-button.html'" /></form>

How to paste css code in blogger template ?


Step 1 : Add The Css Code To Your Template

Step 2 : Go To Blogger >> Template >> Backup Your Template

Step 3 : Click Edit HTML >> Search For ]]></b:skin> 


Step 4 : Now Paste The Following code Above/Before ]]></b:skin>

CSS code 


input.Bloggerdaddy { width: 200px; padding: 20px; font-weight: bold; font-size: 150%; background: #660099; color: #FFFFFF; cursor: pointer; border: 1px solid #009999; border-radius: 10px; -webkit-box-shadow: 6px 6px 5px #009999; -moz-box-shadow: 6px 6px 5px #009999; box-shaddow: 6px 6px 5px; #009999;}input.Bloggerdaddy:hover { color: #99FF00; background: #0033CC; border: 1px solid #A3A3A3; -webkit-box-shadow: 2px 2px 5px #666666; -moz-box-shadow: 2px 2px 5px #666666; box-shaddow: 2px 2px 5px; #666666;}
Step 5 : Click on Save template button and its done. 

Links to this post

Create a Link - Click here

Post a Comment

 
Top