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. This is a good blog. Your blog is very nice and interesting. I like it very much. I will tell my friend about your blog.


    Weight Loss Corona

    ReplyDelete
    Replies
    1. Thanks for your Support buddy

      Delete
  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. Cosmetic dentistry proves that art is compatible with science.
    People are motivated to undergo cosmetic dental procedures for a variety of reasons-broken or missing teeth caused by trauma, gum disease, discoloured teeth, infections, tooth decay, overbite or even plaque http://www.newdelhidentalclinic.com/Cosmetic-dentist-in-india.html Cosmetic Dentist will help you to improve your smile with more beautiful way

    ReplyDelete
  7. 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
  8. need help, how do i make it move the opposite way, meaning from left to right.

    ReplyDelete
  9. 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
  10. 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
  11. kasino games
    Pretty sure he will have a good read. Thanks for sharing!

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

    ReplyDelete
  13. ainol professional brand website !

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

    ReplyDelete
  15. 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
  16. 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
  17. 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