Place Your Ads Here 460x68 ads

Animated (On Hover) Twitter follow badge to blogger

Animated (On Hover) Twitter follow badge to blogger



1. Log it to your blogger and go to Design >> Edit HTML

2. First,download the present template as a backup.

3.Make sure you put check mark to “Expand Widget Templates

4.Find this tag by using Ctrl+F </ head>


5. Paste below code before  </ head> tag

<!--ANIMATE FOLLOW-ME-STARTS-->

<style type='text/css'>

.feedbacktw {

width: 31px;

height: 136px;

display: block;

font-size: 10px;

text-decoration: none;

background-repeat:no-repeat;

background-image:url(http://i26.tinypic.com/1zb4509.jpg);

position:fixed;

top:20%;

right:2px;

}



.feedbacktw:hover {

width: 31px;

height: 136px;

display: block;

text-decoration: none;

background-repeat:no-repeat;

background-image:url(http://i26.tinypic.com/xpu99c.jpg);

position:fixed;

top:20%;

right:10px;

}

</style>

<!--ANIMATE FOLLOW-ME-STOPS-Widget-by-http://Bloggercodes.com-->


6. Now click save template.

7. Now Go to  Page Element and Click Add Gadget and Select HTML/JavaScript

8.  Paste below code

<!--FOLLOW-ME-STARTS--><a style="display:scroll;" href="http://twitter.com/profile name" class="feedbacktw"> </a><!--FOLLOW-ME-STOPS-->

* Replace with Profile name with your  twitter id

9. Now save it. you are done.



Sameera ChathurangaAbout Author Shoyab Khan

Blogger, MAC user, Apple Fan, Online Content Writer, Designer, Gamer, Programmer and Jovial Guy!. Like my Facebook Fan Page. Catch me on Twitter and Google+. Read more about Me and Www. Only4Everyone.Blogspot.com. Download Free Games,Download Free Software,Download Movies and Watch Online,Blogger Wordpress and Website Tips , Tricks ,Widgets,Templets, and many other Sources and Health Tips,Photo Gallery contact me

Thank You

0 comments:

Post a Comment

loading...
Related Posts Plugin for WordPress, Blogger...