Latest: Download Free Desktop Wallpapers of Chef Loony! | Series: AuthorRank? | Download MBT eBooks!

How to Add page number navigation gadget for blogger

How to Add page number navigation gadget for blogger


Add page number navigation bar in blogger for easy access your blog by Jump. cool page number navigation for blogger easy to add in blogger 

 Fast Copy the html/JavaScript Code from the below  box 

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh6.googleusercontent.com/-zvDQ4P4UvtA/UaxWjMa_yNI/AAAAAAAAADI/Sq_08RjZWAE/w1-h26-no/ABT+nav3.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://lh6.googleusercontent.com/-Kz41ZzVzHTI/Uaw4AABtW8I/AAAAAAAAA7A/X5du4GjV31w/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script>

For Red Button
For Yellow Button
For Yellow Button

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh3.googleusercontent.com/-zjjgrlLG5u4/Uaw2eUE9O9I/AAAAAAAAA6Y/X-Y25DyOs0s/w1-h26-no/ABT+nav1.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://lh6.googleusercontent.com/-Kz41ZzVzHTI/Uaw4AABtW8I/AAAAAAAAA7A/X5du4GjV31w/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script> 


 For Green Button

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh3.googleusercontent.com/-w9ZA6PoJmXI/UaxcShxGABI/AAAAAAAAAD4/Cm_b0ycvJbg/w1-h26-no/ABT+nav4.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://lh6.googleusercontent.com/-Kz41ZzVzHTI/Uaw4AABtW8I/AAAAAAAAA7A/X5du4GjV31w/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script> 

(A)  Sing in >> in your blogger account
 (A)  Sing in >> in your blogger account

 (B)  Go to blogger layout option
 (C)  Select Add gadget option.

 (D)  Select "HTML/ JavaScript" Gadget and past the html/JavaScript code 





Now save this .. 
Now your Pager is Ready 

 Don't forget to like us on facebook .

For Yellow Button
<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh6.googleusercontent.com/-zvDQ4P4UvtA/UaxWjMa_yNI/AAAAAAAAADI/Sq_08RjZWAE/w1-h26-no/ABT+nav3.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://lh6.googleusercontent.com/-Kz41ZzVzHTI/Uaw4AABtW8I/AAAAAAAAA7A/X5du4GjV31w/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script> - See more at: http://adminwidget.blogspot.in/2014/06/how-to-add-page-number-navigation-for.html#.U6pE1idF_TR
Suni

How to Add page number navigation gadget for blogger

How to Add page number navigation gadget for blogger


Add page number navigation bar in blogger for easy access your blog by Jump. cool page number navigation for blogger easy to add in blogger 

 Fast Copy the html/JavaScript Code from the below  box 

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh6.googleusercontent.com/-zvDQ4P4UvtA/UaxWjMa_yNI/AAAAAAAAADI/Sq_08RjZWAE/w1-h26-no/ABT+nav3.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://lh6.googleusercontent.com/-Kz41ZzVzHTI/Uaw4AABtW8I/AAAAAAAAA7A/X5du4GjV31w/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script>

For Red Button
For Yellow Button
For Yellow Button

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh3.googleusercontent.com/-zjjgrlLG5u4/Uaw2eUE9O9I/AAAAAAAAA6Y/X-Y25DyOs0s/w1-h26-no/ABT+nav1.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://lh6.googleusercontent.com/-Kz41ZzVzHTI/Uaw4AABtW8I/AAAAAAAAA7A/X5du4GjV31w/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script> 


 For Green Button

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh3.googleusercontent.com/-w9ZA6PoJmXI/UaxcShxGABI/AAAAAAAAAD4/Cm_b0ycvJbg/w1-h26-no/ABT+nav4.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://lh6.googleusercontent.com/-Kz41ZzVzHTI/Uaw4AABtW8I/AAAAAAAAA7A/X5du4GjV31w/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script> 

(A)  Sing in >> in your blogger account
 (A)  Sing in >> in your blogger account

 (B)  Go to blogger layout option
 (C)  Select Add gadget option.

 (D)  Select "HTML/ JavaScript" Gadget and past the html/JavaScript code 





Now save this .. 
Now your Pager is Ready 

 Don't forget to like us on facebook .

For Yellow Button
<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh6.googleusercontent.com/-zvDQ4P4UvtA/UaxWjMa_yNI/AAAAAAAAADI/Sq_08RjZWAE/w1-h26-no/ABT+nav3.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://lh6.googleusercontent.com/-Kz41ZzVzHTI/Uaw4AABtW8I/AAAAAAAAA7A/X5du4GjV31w/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script> - See more at: http://adminwidget.blogspot.in/2014/06/how-to-add-page-number-navigation-for.html#.U6pE1idF_TR
Suni

How To Disable Mouse Right Click Function In Blogger Blog

How To Disable Mouse Right Click Function In Blogger Blog
Disable mouse right click button function in blogger blog
You May have seen in some webpage when you click right button of mouse an alert message box show massage"Function disable" and right button click not show function (Option) like copy paste ect..

You can also Disable right Click function in your blog Or website you just need small "JavaScript"

Just Download the html code from the below download button






http://downloads.ziddu.com/download/23859542/New-Text-Document.txt.html






After Download The html code Copy the code and

>> Go to Blogger Dashboard
>> Click the Layout




 >> Click the Add a Gadget and go to html JavaScript

 >> Click the the html / JavaScript .
>>and paste the code on  JavaScript box .

Save arrangement.   


Don't forget to like us on Facebook.
Suni

How To Disable Mouse Right Click Function In Blogger Blog

How To Disable Mouse Right Click Function In Blogger Blog
Disable mouse right click button function in blogger blog
You May have seen in some webpage when you click right button of mouse an alert message box show massage"Function disable" and right button click not show function (Option) like copy paste ect..

You can also Disable right Click function in your blog Or website you just need small "JavaScript"

Just Download the html code from the below download button






http://downloads.ziddu.com/download/23859542/New-Text-Document.txt.html






After Download The html code Copy the code and

>> Go to Blogger Dashboard
>> Click the Layout




 >> Click the Add a Gadget and go to html JavaScript

 >> Click the the html / JavaScript .
>>and paste the code on  JavaScript box .

Save arrangement.   


Don't forget to like us on Facebook.
Suni

How to add next & previous Numbered Pagination in blogger

How to add next & previous Numbered Pagination in blogger

Next & Previous Numbered Pagination In Blogger

(a) Installing Pagination's Functions
   >>> Go to Blogger  >> Template >> Backup your Template
  >>> Click Edit HTML >> Search For </body>
  >>> Now Paste The Following Code Above </body>

Just Download The html Code from the below download button
http://downloads.ziddu.com/download/23859535/pager.rar.html

After download Copy the html Code and past above </body> tag

>> Click Save Template.
>> You are done First part.
>> Lets Jump to Another Part.

(b) Installing Suitable pagination design


>> We have 4 Colors of this Pagination and you should install the suitable color with yor theme.
>> Below coding box contains codes of all colors and they are separated with highlighted headings so be clever in choosing the
right code and copy code below any highlighted heading.

>> Go to Blogger >> Template >> Edit html
>> Search For ]]></b:skin>
>> Above ]]></b:skin> Paste the code of any pagination skin.

Just download the Red Style Button From Below Download Box

http://downloads.ziddu.com/download/23859537/red.rar.html

Just download the Red Style Button From Green Download Box

http://downloads.ziddu.com/download/23859539/dark.rar.html

Now Just Save The Template
You Can Done.
Don't Forget to like us on Facebook !!
Suni

How to add next & previous Numbered Pagination in blogger

How to add next & previous Numbered Pagination in blogger

Next & Previous Numbered Pagination In Blogger

(a) Installing Pagination's Functions
   >>> Go to Blogger  >> Template >> Backup your Template
  >>> Click Edit HTML >> Search For </body>
  >>> Now Paste The Following Code Above </body>

Just Download The html Code from the below download button
http://downloads.ziddu.com/download/23859535/pager.rar.html

After download Copy the html Code and past above </body> tag

>> Click Save Template.
>> You are done First part.
>> Lets Jump to Another Part.

(b) Installing Suitable pagination design


>> We have 4 Colors of this Pagination and you should install the suitable color with yor theme.
>> Below coding box contains codes of all colors and they are separated with highlighted headings so be clever in choosing the
right code and copy code below any highlighted heading.

>> Go to Blogger >> Template >> Edit html
>> Search For ]]></b:skin>
>> Above ]]></b:skin> Paste the code of any pagination skin.

Just download the Red Style Button From Below Download Box

http://downloads.ziddu.com/download/23859537/red.rar.html

Just download the Red Style Button From Green Download Box

http://downloads.ziddu.com/download/23859539/dark.rar.html

Now Just Save The Template
You Can Done.
Don't Forget to like us on Facebook !!
Suni

Animated Button For Download, Video Code and Anything

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 :-

To Download Code and Scripts :-
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>

Suni

Animated Button For Download, Video Code and Anything

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 :-

To Download Code and Scripts :-
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>

Suni

Nokia 6630 no light solution ways

Nokia 6630 no light solution ways 




Nokia 6630 no light solution ways replace the light ic and solved the prov lam
Suni

Nokia 6630 no light solution ways

Nokia 6630 no light solution ways 




Nokia 6630 no light solution ways replace the light ic and solved the prov lam
Suni

Nokia 6630 charging not supported solution ways

Nokia 6630 charging not supported solution ways




Nokia 6630 charging not supported solution ways replace the 47k components and solved the prov lam
Suni

Nokia 6630 charging not supported solution ways

Nokia 6630 charging not supported solution ways




Nokia 6630 charging not supported solution ways replace the 47k components and solved the prov lam
Suni

Nokia 6630 keypad ic jumper solution ways

Nokia 6630 keypad ic jumper solution ways



Nokia 6630 keypad ic jumper solution ways removed the ic and make this jumper like this
Suni

Nokia 6630 keypad ic jumper solution ways

Nokia 6630 keypad ic jumper solution ways



Nokia 6630 keypad ic jumper solution ways removed the ic and make this jumper like this
Suni

Nokia 6630 camera solution ways

Nokia 6630 camera solution ways







Flow the trips 
Suni

Nokia 6630 camera solution ways

Nokia 6630 camera solution ways







Flow the trips 
Suni
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!