Super 3D Download Button To Blogger

Add Super 3D Download Button To Blogger

  

How To Add :

• Go To Blogger.com
• Select Theme 
• Edit HTML
• Click Ctrl+F
• Type ]]></b:skin And Click Enter
• Copy The CSS Codes And Paste It Just Above ]]></b:skin
• Now Save Your Template 
• Now Its Time For A Small HTML Part
• If You Want To Add The Download Button On Your Post 
• Select The Post And Add The HTML Code In The Place Where You Want To Add The Button And Paste Your Download Link On The Provided Place 
• Done Now Publish Or Update Your Post And See The Download Button With A Click Action 

CSS Part :

123456789101112131415161718192021222324252627282930313233343536373839404142434445.btn3d {

    transition:all .08s linear;

    position:relative;

    outline:medium none;

    -moz-outline-style:none;

    border:0px;

    margin-right:10px;

    margin-top:15px;

}

.btn3d:focus {

    outline:medium none;

    -moz-outline-style:none;

}

.btn3d:active {

    top:9px;

}


 .btn-techmobs {

    box-shadow:0 0 0 1px #5cb85c inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #4cae4c, 0 8px 0 1px rgba(0,0,0,0.4), 0 8px 8px 1px rgba(0,0,0,0.5);

    background-color:#5cb85c;

}

 .btn{  border-radius: 20px;  margin-bottom: 5px;  -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}.btn:hover{border-radius: 0px;-webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s

}

HTML Part :

1<a href="Your Link" target="_blank"><button class="btn btn-techmobs btn-lg btn3d" type="button"><b> Download</b></button></a>