Twitter is also called a micro-blogging site and you can too get lots of traffic to your blog from twitter.But to get lots of visitors from twitter you must first have large number of followers.To get more followers is really very difficult task but adding a highlighting floating follow me on twitter badge makes it a bit easy.The following tutorial shows you how to add floating Follow me/Follow Us badges on your blogger blog.
Step First
The First step is to add the following block of codes to your blog Template from your blogger Edit HTML page.
.followme_r .followme{
background: #59B7FF url(http://www.bloganol.com/blogger/widgets/floating%20twitter%20badge/follow-me.png) no-repeat scroll left top;
position: fixed;
top: 150px;
width: 30px;
height: 130px;
z-index: 5555;
cursor: pointer;
right: 0pt;
}
.followme_l .followme{
background: #59B7FF url(http://www.bloganol.com/blogger/widgets/floating%20twitter%20badge/follow-me.png) no-repeat scroll right top;
position: fixed;
top: 150px;
width: 30px;
height: 130px;
z-index: 5555;
cursor: pointer;
left: 0pt;
}
.followus_r .followme{
background: #59B7FF url(http://www.bloganol.com/blogger/widgets/floating%20twitter%20badge/follow-us.png) no-repeat scroll left top;
position: fixed;
top: 150px;
width: 30px;
height: 130px;
z-index: 5555;
cursor: pointer;
right: 0pt;
}
.followus_l .followme{
background: #59B7FF url(http://www.bloganol.com/blogger/widgets/floating%20twitter%20badge/follow-us.png) no-repeat scroll right top;
position: fixed;
top: 150px;
width: 30px;
height: 130px;
z-index: 5555;
cursor: pointer;
left: 0pt;
}
Twitter Follow me Badge
Add Right Floating Twitter Follow me Badge
To add this right floating Twitter follow me badge on your blog ,copy the following block of code and paste it to your blog by adding a new page Element from Blogger Layout Page.
<div class="followme_r">
<div class="followme" onclick="window.open('http://twitter.com/bloganol')"></div>
</div>Add Left Floating Twitter Follow me Badge
To add this left floating Twitter follow me badge on your blog ,copy the following block of code and paste it to your blog by adding a new page Element from Blogger Layout Page.
<div class="followme_l">
<div class="followme" onclick="window.open('http://twitter.com/bloganol')"></div>
</div>
Add Right Floating Twitter Follow Us Badge
To add this right floating Twitter follow us badge on your blog ,copy the following block of code and paste it to your blog by adding a new page Element from Blogger Layout Page.
<div class="followus_r">
<div class="followme" onclick="window.open('http://twitter.com/bloganol')"></div>
</div>
Add Left Floating Twitter Follow us Badge
To add this left floating Twitter follow Us badge on your blog ,copy the following block of code and paste it to your blog by adding a new page Element from Blogger Layout Page.
<div class="followus_l">
<div class="followme" onclick="window.open('http://twitter.com/bloganol')"></div>
</div>Consider to Subscribe to our RSS feed or Follow us at Twitter or Join our Facebook Fan Page.Enter your Email below to subscribe to our updates via Email.
Similar Posts
- Show Twitter Follow badges below each blogger posts and at sidebar
- Create CSS popup Image Viewer in Blogger
- Add share on Facebook Link and buttons on your blog
- Smooth horizontal CSS Menu with Blog Search engine
- CSS Menu Widget with RSS Feed list
Article by Dinesh Dhakal
Dinesh has written 311 awesome articles for us. Dinesh Dhakal(Deineshd) is the Admin of this blog.He is from Kathmandu, Nepal who is blogging since complete 4 years.You can catch him on twitter at Twitter.com/deineshd and in Facebook at Facebook.com/deineshd.
{ 14 comments… read them below or add one }
why is it always no image on the front page?
I didnt understand to what you are saying.Please tell us in detail about it.
But you didn’t specify WHERE to add the first piece of code in the Edit HTML .. ?
.-= Gedi Junction´s last blog ..Suzuki looking to double its 2 wheeler production =-.
Yes absolutely.You have to place the first part of code at your blogger Edit Html page.
Exactly, but WHERE ??
.-= Gedi Junction´s last blog ..Nissan Micra/March India Spy Photos =-.
You need to paste the first block of codes just before ]]></b:skin> in your Template at Edit HTML code and next by adding a new Page Element -> HTML/JavaScript.
Hey buddy please check this one click widget created by me to do the same thing
http://www.cooltricksntips.com/2009/07/follow-me-on-twitter-widget-for-blogger.html
.-= Rahul Jadhav´s last blog ..30 Hilarious Mac vs PC Comics =-.
Coool but I have already it. Thinking to change it.
.-= Anup´s last blog ..Warning: Do Not Turn your Blog to "DoFollow" Blog =-.
What about wordpress blogs? Can you do this?
Thanks for the post! People are crazy for not using more Twitter.Twitter is 100% the way to goI use Mass-Follow.com to submit my articles to like 400 places
Good tip dude, but I made a blogger gadget to add floating twitter follow us badger in just one step. I hope it would be helpful for beginners
http://www.bloggermint.com/2010/03/floating-twitter-follow-us-badge-for-blogger/
.-= Franklin Manuel´s last blog ..Add Go To Top Floating Button For Blogger In One Step =-.
thanks for the code..!
.-= Latest Songs Telugu´s last blog ..Sindhooram (1998) =-.
Excellent post. There is lots good info correct here, although I did want to let you know something – I’m running Operating system X with the up-to-date experiment with associated with Firefox, and the actual appear and feel your own blog is kind associated with funky for me. I read the articles, but the navigation doesn’t work therefore good.
Thanks a lot !!!!
{ 1 trackback }