Adding Floating Animated Twitter "Follow Me" on Blogger

By: William on 7:06 PM

Get your blog easily be followed on Twitter by adding some stunning stuff into it.


I want to show you my favorite widget that I use on my blog. You can get it my simply following instructions below:

1. Go to Template
2. Click Edit HTML
3. Find "</head>" (Obviously don't include "")
4. Paste the code below just before the said tag

<!--TWITTER-FOLLOW-ME-STARTS-->

<style type='text/css'>

.feedbacktw {

width: 31px;

height: 116px;

display: block;

font-size: 10px;

text-decoration: none;

background-repeat:no-repeat;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwPpjZxMHv38UHx3vvqEKhYmSf4Y-M3D-O403AcfjMA1sEgFii9-wSgJ8tZydnxk0ux14iDhiqUyV2lRWPgMJpcMV2PWUtGqE59A_Tm8GSQcl1DxgyUuv0bZpPB4wo9p_zMYwdZkfoRZQ/);

position:fixed;

top:20%;

right:2px;

}


.feedbacktw:hover {

width: 31px;

height: 116px;

display: block;

text-decoration: none;

background-repeat:no-repeat;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwPpjZxMHv38UHx3vvqEKhYmSf4Y-M3D-O403AcfjMA1sEgFii9-wSgJ8tZydnxk0ux14iDhiqUyV2lRWPgMJpcMV2PWUtGqE59A_Tm8GSQcl1DxgyUuv0bZpPB4wo9p_zMYwdZkfoRZQ/);

position:fixed;

top:20%;

right:10px;

}

</style>

<!--TWITTER-FOLLOW-ME-STOPS-Widget-by-http://www.bloggertricksandtoolz.com-->

5. Click Save Template
6. Go to Layout Setting
7. Click Ad a Gadget
8. Choose HTML/Javascript
9. Paste the code below in it

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

10. Obviously you have yo change "Your Profile" to your profile name
11. Click Save and you are done

Happy Blogging!