Showing posts with label Follow. Show all posts
Showing posts with label Follow. Show all posts

Saturday, October 12, 2013

Adding Floating Animated Twitter "Follow Me" on Blogger


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!




Read More

Statistics


Designed By Seo Blogger Templates