Few days back, I made post on “How to add Twitter Widget in Blogger?” Many of them applied it. As, we know that twitter is micro blogging service and help blogger to drive traffic on their blogs. Many of you have twitter account and you want to add scrolling Twitter account in blogger. You can see live demo on…“Twitter Scrolling Badge“. You can see image on left hand side at bottom corner. If you click on it, It will send you to my twitter account page. Don’t forget to follow us @thetricks on twitter.
Step by step guide to make your own scrolling badge for blog.
1. Log in to your account and Go to Design page.
2. Click on “Add gadget” and then Click on “HTML/JavaScript”. (Refer to image)
3. Copy Below Code and Paste it in Content Area.
<a target="_blank" style="display:scroll;position:fixed;bottom:5px;left:5px;" href="http://www.twitter.com/YOUR-TWITTER-ID" rel="nofollow" title="Follow Me On Twitter"><img src="http://img132.imageshack.us/img132/6285/twitter23.png" /></a>
4. You can change position of badge from bottom left to any. See below instruction.
You see small number in image. It refer to position of twitter badge on your blog.
For position 1:
top:5px;left:5px;
For position 2:
top:5px;right:5px;
For position 3:
bottom:5px;left:5px; (Same as Demo)
For position 4:
bottom:5px;right:5px;
5. Change YOUR-TWITTER-ID to your name.
6. Default Image URL is
http://img132.imageshack.us/img132/6285/twitter23.png
Change Image as your choice.
For reference, you can check out our Twitter Gallery post:
1) Free Twitter Bird Icons – really cool..!
2) Twitter Follow Me Button Gallery
What’s Next?
Follow us on Twitter @thetricks for latest twit.
Feel free to contact us for more help…
