Animated Button For Download, Video Code and Anything
Fully Customization Widget for Blogger.Based on CSS that Expands on Hover
3 Animated Download Button For code Video File For Blogger
If you write About web design, blogger or any technical topic then you definitely use codes to
explain things and give an potion to your users to download file so here are some animated button that can be used for anything like :-
If you write About web design, blogger or any technical topic then you definitely use codes to
explain things and give an potion to your users to download file so here are some animated button that can be used for anything like :-
To Download Code and Scripts :-
To Download Video:-
To Download File :-
To Download Video:-
To Download File :-
How To Install
Installation is pretty easy,I am giving a CSS Code below . you have to copy this code into your blogger template for only one time and it will work after that use separate
HTML Code to use each type of button . I will explain it in more detail below.
## Fast download the CSS code any Copy The Code :-
After Download The CSS file
<>Now Go to Your Blogger Dashboard
<>Click on Template and edit HTML
<>Just Ctrl+f and search for
]]></b:skin>
Now past the CSS code that you Downloaded before just above the
]]></b:skin>
Ok now CSS part is done
To use all 3 buttons
Below are 3 HTML code Now you want to use all 3 code in one place
then copy the html code and past the blogger post edit html.
(#) Replace the link here.
<div id ="animationcss"><a href="#" Class="pure demo"><span>Download Video</span></a></div>
<div id ="animationcss"><a href="#" Class="pure Download"><span>Download File</span></a></div>
<div id ="animationcss"><a href="#" Class="pure Info"><span>Setting Button</span></a></div>
Code for Download Video Button :-
Simple just copy the html code and past in your blogger html editor ,inside your file link on the place of (#).
<div id ="animationcss"><a href="#" Class="pure demo"><span>Download Video</span></a></div>
The Code for rar file button :-
Simple just copy the html code and past in your blogger html editor ,inside your file link on the place of (#).
<div id ="animationcss"><a href="#" Class="pure Download"><span>Download File</span></a></div>
The Code for Setting button :-
Simple just copy the html code and past in your blogger html editor ,inside your file link on the place of (#).
<div id ="animationcss"><a href="#" Class="pure Info"><span>Setting Button</span></a></div>
<>Now Go to Your Blogger Dashboard
<>Click on Template and edit HTML
<>Just Ctrl+f and search for
]]></b:skin>
Now past the CSS code that you Downloaded before just above the
]]></b:skin>
Ok now CSS part is done
To use all 3 buttons
Below are 3 HTML code Now you want to use all 3 code in one place
then copy the html code and past the blogger post edit html.
(#) Replace the link here.
<div id ="animationcss"><a href="#" Class="pure demo"><span>Download Video</span></a></div>
<div id ="animationcss"><a href="#" Class="pure Download"><span>Download File</span></a></div>
<div id ="animationcss"><a href="#" Class="pure Info"><span>Setting Button</span></a></div>
Code for Download Video Button :-
Simple just copy the html code and past in your blogger html editor ,inside your file link on the place of (#).
<div id ="animationcss"><a href="#" Class="pure demo"><span>Download Video</span></a></div>
The Code for rar file button :-
Simple just copy the html code and past in your blogger html editor ,inside your file link on the place of (#).
<div id ="animationcss"><a href="#" Class="pure Download"><span>Download File</span></a></div>
The Code for Setting button :-
Simple just copy the html code and past in your blogger html editor ,inside your file link on the place of (#).
<div id ="animationcss"><a href="#" Class="pure Info"><span>Setting Button</span></a></div>
.jpg)
No comments: