How To Make Twitter Badge Or Follow Us For Blogger On Scroll Bars Your Site
Published 26 January 2010 And 1,826 views
In this article I will teach you how to make Follow us Twitter is placed on Scroll Bar your blog or website and this is a simple way to create a twitter follow us with ease and create your design more beautiful and will add a lot of your Followers on twitter.
Results Will Be Made

Demo
Step One :
1. Login to Your Blogger Account
2. Choose your site or blog that will be used
3. Select the Layout and click Edit Html
Step Two :
See Picture and Search green code below :

Look for this code >> ]]></b:skin> Find the code in your Blogger templates.
To facilitate the search press ctr-f in your browser.
Expand Template Widget check Agat code found.
Add CSS Code Below and Put Above green Code
Put the existing CSS code below on the green code above.
Put CSS code above code >> ]]></b:skin> And do not remove this code.
Css Code :
/* follow twitter */
.followme_r .followme{
background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll left top;
position: fixed;
top: 150px;
width: 27px;
height: 130px;
z-index: 5555;
cursor: pointer;
right: 0pt;
color: transparent;
}
.followme_l .followme{
background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll right top;
position: fixed;
top: 150px;
width: 27px;
height: 130px;
z-index: 5555;
cursor: pointer;
left: 0pt;
color: transparent;
}
.followus_r .followme{
background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll left top;
position: fixed;
top: 150px;
width: 27px;
height: 130px;
z-index: 5555;
cursor: pointer;
right: 0pt;
color: transparent;
}
.followus_l .followme{
background: transparent url(http://i853.photobucket.com/albums/ab92/bloggerarticle/blogger-templates/ModernFurnitureTheme/follow.png) no-repeat scroll right top;
position: fixed;
top: 150px;
width: 27px;
height: 130px;
z-index: 5555;
cursor: pointer;
left: 0pt;
color: transparent;
}
Then Add Widget Html and JavaScript
Add the existing code below:
1. JavaScript Code To Follow Us On Left Your Site
<div class="followme_l">
<div class="followme" onclick="window.open('https://twitter.com/Your-Twitter-Account')"></div>
</div>
2. JavaScript Code To Follow Us On Right Your Site
<div class="followme_r">
<div class="followme" onclick="window.open('https://twitter.com/Your-Twitter-Account')"></div>
</div>
Note : if code above does not work please check quotation marks in code above link your twitter account.
Then use the Add Widget Html and JavaScript to add code to your blog

Conclusion
These are simple tips that may help you to create a link to your Twitter account with best design and an attractive image for an interesting twitter design and add your friends or Followers in twitter and if you have difficulties to make it so you can leave a message and I will trying to help you with pleasure.






Thanks for this. I’ve been trying to come up with a way to put a Twitter link on a site, yet still keep it subtle. Worked like a charm.