Friday, September 3, 2010

How to Add Floating Twitter Button on Blogger Blog

How to add twitter button on Blogger blog?
How to add Follow Me on Twitter badge on Blogspot blog?
How to add Follow Us on Twitter badge on Blogspot blog?
How to add Twitter Follow Me button on blog?
How to add Twitter Follow Us button on blog?
How to add link to Twitter page on Blogger blog?

Firstly, go to Dashboard > Design > Edit HTML.

follow on twitter button

Then search for </b:skin> and add this code before it.

#twitter-follow { border: 0; position: fixed; top: 300px; right: 0;}

To change the position of the Twitter button, you can change "300" (distance from the top) and "right" to "left" if you want the button to be on the left.

Then search for </body> and add this code before it.

<div id='twitter-follow'> <a href='http://twitter.com/username' target='_blank'><img alt='Follow Me on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOeKg0AmdWXOgzJz0JyWO5QasvsrKDYSPnuqeC2K1rWQe5ybvjACGYGD7w83RTTRISQrRS_-O0oRifxW6dm9VELAPytZelI_rmYgP3P33xLLub_m1DiA2VFslKwU_0GUtpEIws53DM4Hc/s1600/twitter+follow+me+button.gif'/></a></div>

twitter follow us button

Remember to change the "username" to your Twitter account username.

If you want it to be "Follow Us on Twitter", use this image link - https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Y0E-SZ3sob3A3dgnKcz4NrxLk5tbYObJcll-XqNoljLbB0BAJtboX_D1QexX89sffI3X_XDxMSaklAojuWLAClIOlcXBLrFRJi4GkkRFqAbkGOMg_i0wvQdUNc3Shz-5za35lP32To8/s1600/twitter+follow+us+button.gif

twitter follow us button

Enjoy and all the best in getting more followers on Twitter!

2 comments:

The Tech Temple said...

Is there a way to to put the Twitter and Facebook buttons side by side rather than above or below one another?

Thanks in advance. LOVE your blog!

Claudia said...

Thank you!

Related Posts Plugin for WordPress, Blogger...
Follow Me on Twitter