Saturday 3 November 2012

How to add Floating Twitter widget to Blogspot Blog


blogspottutz.blogspot.com
We all know the importance of social media into blog building niche.Social media provides us more trafffic and more visitors which motivates bloggers to write quality posts and contents.Twitter one of the most used social media site these days,even i'm also one of the people who uses twitter everyday to tweet with their friends,family members etc.This tutorial is about how to add a floating twitter fan box.Following steps will describe how to add this awesome twitter fan box to your blog supporting html/javascript.This Twitter Fan Box Show Recent 10 Followers By Default And Your Readers Can Follow You Without Leaving Your Blog
.You just have to follow the simple steps listed below:

  • Go to Blogger Dashboard
  • Click Blog Title -->Template -->Edit HTML
  • Click Proceed Button
  • Now Search{Ctrl+F} for
</body>
  • Just above </body> tag,paste the below code
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2'></script><script type="text/javascript">jQuery(document).ready(function() {jQuery(".tehtbox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-235"}, "medium");}, 400);});</script><style>.tehtbox{background:url(http://lh5.googleusercontent.com/-q9_zbB_3388/UCOvETdEQpI/AAAAAAAAA4o/F0CfR3hxuk0/s100/Twitter.png) no-repeat scroll left center transparent!important;float:right;height:250px;width:230px;z-index:99999;position:fixed;right:-235px;top:20%;padding:0 5px 0 40px}.tehtbox div{margin-right:-8px;border:3px solid #00bef6;background:#fafafa;padding:0}.tehtbox a{font-size:10px;margin-left:40px}</style><div class="tehtbox"><script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"><script type="text/javascript">fanbox_init("Malikpapa");</script><a href='  http://www.blogspottutz.blogspot.in/2012/11/in-this-tutorial-you-will-learn-how-to_3.html '>Get Twitter Fan Box Widget</a></div> </div>
  • Replace 'Malikpapa' with your twitter username.
  • Click Save Button and you are Done.
Consider Sharing it.If you would have liked it!!!!!!

Get free daily email updates!

Follow us!

Like Us.... Receive updates on your Facebook wall!!!!

20 comments:

  1. Thanks for your Support buddy

    ReplyDelete
  2. Cool, what if you have created a site like twitter yourself and instead of using twitter you have your own icon and link that you want in the widget for your blog?

    ReplyDelete
  3. Great Work :) I Also Designed Same Box But 3 Months Ago :).
    Thanks some of my doubts are cleared !

    ReplyDelete
  4. Many people creates blogs and using FB and Twitter just to sell or promote a business. My Phoenix Social Media team are thankful that we found this wonderful widget!

    ReplyDelete
  5. good widget for blogger i am like this and now i am generate a fancy twitter floating box for blogger it is awesome check it http://mohsinalisoft.blogspot.com/2013/05/fancy-twitter-floating-widget-for.html

    ReplyDelete
  6. A very important part of maintaining a healthy living is taking good care of your teeth and gums. Dental health is an important concern for people of all ages.
    http://www.dentistryredefined.com/services/dental-implant-in-delhi.html

    ReplyDelete
  7. need help, how do i make it move the opposite way, meaning from left to right.

    ReplyDelete
  8. Awesome widget for blogger. Many people creates blogs and using FB and Twitter just to sell or promote a business.
    Dental Implants in Sherman Oaks

    ReplyDelete
  9. I wanted to thank you for this great read!! I definitely enjoying every little bit of it Smile I have you bookmarked to check out new stuff you post.

    teeth whitening reading

    ReplyDelete
  10. teeth whitening aylesbury is important because 58% of men saying teeth are the first thing they notice about a potential date.

    ReplyDelete
  11. ainol professional brand website !

    ReplyDelete
  12. Wow, awesome blog, thanks for the article.
    Gilbert Dentist

    ReplyDelete
  13. When I was suffering from baldness problem and my personality not looking good then I have heard about klinikesthetika clinic in Delhi. I become satisfied with this treatment. www.klinikesthetika.com

    ReplyDelete
  14. When I was suffering from baldness problem and my personality not looking good then I have heard about klinikesthetika clinic in Delhi. They didHair Transplant DelhiI become satisfied with this treatment. www.klinikesthetika.com

    ReplyDelete
  15. Thanks for the tip! I am a new follower from the blog hop and I am excited to learn more about blogger! I hope you will follow me back.
    website design

    ReplyDelete
  16. Very good effort. Thumbs up for you. I have been looking for The Best Hair Transplant from last three months and now, you have solved my problem. Thanks for sharing it.

    ReplyDelete
  17. In this day and age, a minor imperfection like missing tooth can really affect your self-confidence, it can also affect your speech and even mental state. So if you are thinking of replacing your missing tooth. You are at the right place. Consult Dr Gargi Kandhari and get the most trusted Dental Implants in Delhi, get the smile you deserve

    ReplyDelete
  18. Wanted to thank you for this great read!! I definitely enjoying every little bit of it Smile I have you bookmarked to check out new stuff you post.

    Click here | web development company in pune
    | web development pune

    ReplyDelete