© Don't Republish Any Article Of This Site √

02 December, 2012

How To Add Floating Recent Tweets Widget In Blogger OR Wordpress


SOCIALIZE IT →
Hi friends, As I previously shared floating twitter fan box and now I am going to share a floating recent tweets widget for blogger and wordpress. This widget is cool and beautiful than previous widget. It is specailly for those who want to make their blog beautiful with social media gadgets which are placed at different parts of their blog. It show your 4 recent tweets and it is great for you to increase followers and force the visitors to follow you. This widget is also created with Html, JavaScript and Css coding. This widget is very easy to add it in blogger and wordpress. So friends here I am starting adding this widget to your blogs.






For Bloggers :

  • Go To Blogger >> Layout >> Add A Gadget
  • Choose Html/JavaScript And Paste The Code Below In Content Box
  • Just Replace "ItsTricksMaster" With Your Username
  • Click Save !
For Wordpress :
  • Go To Dashboard >> Appearance >> Widgets >> Available Widgets
  • Drag Text Widget Into A Sidebar
  • Paste In The Code
  • Replace "ItsTricksMaster" With Your Username
  • Click Save !


<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/AVvXsEhF0oXvARualDuDhiwoPf1jexhkuvMNVYiYTNXEd9vBiufcgrm5H2Z1NP2TWo0cMbxSuljtRWU9q6YzGaIie_qn2sbcRpbTxN1YTZULhsFKlEBtiBH8jZJ5Ndj4ldveOngLXZRx1AfFxdQ/s320/allbloggingtips.com-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('ItsTricksMaster').start();</script></div></div></div>

</div>

 Now Visit Your Site And See Results ! I hope you might like it . If you are facing any problem in adding this widget then leave a comment. I'll try to answer you soon as well as time allows.


0 comments:

 

Ranking

Recent Comments

Recent Comments Widget

Recent Posts

Copyright © 2012-2013. All Rights Reserved | My Tech Cafe | Designed By

Home | Contact Us | About Us | Privacy Policy |Top