Floating Recent Tweets Widget For Blogger & WordPress Blog

In my previous post I published a Twitter Follow widget for blogger and WordPress blog.Previous tutorial was also great but, today I want to share Floating Recent Tweets Widget For Blogger and WordPress Blog. When your blog readers move cursor on this widget. It pop out with wonderful effect.

If you will use this widget then surely your twitter followers will increase.In this tutorial you will learn "How to Add Floating Recent Tweets Widget To Your Blogger & WordPress Blog".

Live Demo

You May Like to Read:

• Add Official Twitter Follow Button To Blogger Blog
• Add Pop-Up Facebook Like Box With Twitter Button
• Auto Publish Your Twitter Tweets As WordPress Posts
• How To Add Animated Flying Twitter Bird Widget For Blogger

How to Add Floating Recent Tweets Widget

Adding Recent Tweets Widget To Blogger

• Go to Blogger Dashboard > Layout > Add A Gadget > HTML/Javascript Widget
• Copy The Code Below and Paste It In HTML/Javascript Widget
• Now, Save Your Gadget.

Read Also: How Many Of Your Twitter Followers Are Fake?

Adding Recent Tweets Widget To WordPress

• Go to Wp Dashboard > Appearance > Widgets > Available Widgets
• Drag Text Widget Into a Sidebar
• Paste In The Code.
• Now, Click On Save & Its Done

<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#twitter_div{width:246px;height:353px;overflow:hidden;}#google_plus_div{width:152px;height:97px;overflow:hidden;margin-left:50px;margin-top:10px;}#knfeedburner_div{width:300px;height:97px;margin-top:25px;overflow:hidden;}#kakinetwork_div{width:300px;height:97px;overflow:hidden;}
#twitter_right{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;right:-250px;}#twitter_right_img{position:absolute;top:-2px;left:-35px;border:0;}
#kakinetwork_right{z-index:10003;border:2px solid #303030;background-color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_right img{position:absolute;top:-2px;left:-101px;}/* left side style */#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}#twitter_left{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;left:-250px;}#twitter_left_img{position:absolute;top:-2px;right:-35px;border:0;}
#kakinetwork_left{z-index:10003;border:2px solid #303030;background-
color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_left img{position:absolute;top:-2px;right:-101px;}
</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script>
<div id="on"><div id="twitter_right" style="top: 20%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTWljwcJyoCuvcj6dtiiy1lYwqAZm9AuBuqhnwB8-TFsSilxNjUJ__6ZB03R8vNSKCKJLAuzltXD5pjnwW-ofdRtA9DKSALkPIbNNvPwoxbIVFeRA-iEy6BcnZ911350_m3jfL7mrERN8/s1600/blogsdaddy-twitter-icon.png" /><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 260,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('BlogsDaddy').start();</script></div></div></div></div>

Remember Notes: Replace Yellow Highlighted "BlogsDaddy" With Your Twitter Username. Enjoy :)

See Also: How To: Disable Twitter Email Notifications

I hope you like this widget.If you need our help, just leave your comments.Stay blessed :)

Author - Gagan Masoun is the owner of Blogs Daddy Blog.Gagan lives in India, has been blogging since 2010 and writing Blogs Daddy Blog since 2011.You can find him in the usual social networks.