The WordPress Floating Tweets plugin adds a floating, sticky tab containing a live twitter feed from any twitter account.
The floating twitter widget is quickly and easily set up via any widget panel and can handle multiple floating twitter feeds per page, each with a different twitter account.
The widget control panel includes many options to customise position and features. The plugin also includes shortcodes for adding external text links, which can open/close the floating panel.
Also Check Out Our Premium WordPress Plugins:
- WordPress Social Stream
- WordPress Social Network Tabs
- WordPress Social Share Buttons
- WordPress Top Social Share Posts
Demo Floating Tweets
Download The Plugin
- Upload the plugin through `Plugins > Add New > Upload` interface or upload `floating-tweets` folder to the `/wp-content/plugins/` directory
- Activate the plugin through the ‘Plugins’ menu in WordPress
- In the widgets section, select the Floating Tweets widget and add to one of your widget areas
- Set the required settings and save your widget
In order to use the floating tweet plugin you will need the following:
Location of the actual widget is not important since the plugin automatically sets the position based on the control panel settings. You can therefore add the floating twitter tab to an existing widget area in your WordPress theme or create a new widget area.
To learn more about adding widget areas to WordPress see our WordPress tutorial – “Adding A Widget Area To Your Theme Files”.
Create Your Floating Tweet Tab
To create your floating tab go to the widget admin page and drag the “Floating Tweets” widget to the desired widget area.
Click “save” to activate the widget.
Configuring Your Widget – Twitter Details
Floating Tweets can easily be customised using the options available in the widget control panel:
Enter the user name for the twitter account. If you are unsure of the twitter profile name, this can be found using the URL of the account’s home page.
E.g. Design Chemical’s twitter home page is – http://twitter.com/#!/designchemical – the Twitter username is therefore “designchemical“
Number of Tweets:
Enter the number of tweets to be shown in the floating panel
If checked the tweet list will also includes replies
Open Links In New Window:
If checked, all links in the tweets will automatically open in a new browser window.
Add Follow Link:
Check the box to add a link at the bottom of the panel, which links back to the username’s account.
Enter the text you would like to appear in the follow link
Configuring Your Widget – Floating Tab
Open/Close the tab using either ‘hover’ or ‘click’.
Enter the text that you would like to use for the floating tab.
Set the width of the floating panel in pixels
Location & Aligment:
The position of the tab in the browser window is determined using its location (either Top or Bottom) and aligment (left or right). The location also changes how the panel slides out:
- Top Left or Top Right – panel slides down
- Bottom Left or Bottom Right – panel slides up
For each one you can also add the number of pixels that you would like to offset the tab by from either the location or alignment in the text box next to the drop down list. The default offset for both location and alignment is 10px.
E.g. To position a menu 50 pixels from the top and 100 pixels from the right you would use the following settings:
The speed in milliseconds for the floating animation (i.e. the time it takes to “catch up” when the page scrolls up or down) – e.g. to set the floating speed to 1.3 seconds use 1300.
The default speed is set to 1.5 secs.
The speed in milliseconds to open and close the slide out panel.
The default speed is set to 0.6 secs.
If checked, the floating tab will automatically slide closed when the user clicks anywhere in the browser
If checked, the tab will remain open at all times.
8 different sample skins are currently available for styling your floating tweets. Since there are no essential styles required to create the tab box, these can easily be used to create your own custom theme.
Note: If you use one of the skin CSS files to create your own style please remember to copy the CSS to your theme folder as all files in the plugin folder are automatically deleted when the plugin is updated.
The plugin includes the feature to add text links within your site content that will open/close the floating twitter tab.
default link, which will toggle the floating tab open/closed with the link text “Click Here”
[dcflt-link text="Open Tweets"] –
toggle the floating panel open/closed with the link text “Open Tweets”
[dcflt-link action="open"] –
open the tab with the default link text “Click Here”
[dcflt-link action="close"] –
close the floating tab with the default link text “Click Here”
[dcflt-link action="close" text="Close Floating Tweets"] –
close the floating panel with the link text “Close Floating Tweets”
Frequently Asked Questions
Check out our Frequently Asked Questions for Floating Tweets section for more information.
Demo Floating Tweets
Download The Plugin
If you find this plugin useful please rate it at wordpress.org.
We are always looking for ways to improve our plugins so if you have any problems or suggestions on how we can make the plugin better let us know via comments, email or our online contact form.
We develop & support all of our plugins for free. If you use this plugin and find it useful please consider a donation as a token of your appreciation
Widget in edit mode
Other Social Media/Network Plugins
If you like Floating Tweets, Design Chemical also have several other free social media and social network plugins for WordPress:
Social Media Tabs
Add a facebook like box, google +1, google buzz, twitter and RSS profiles and feeds to any widget area with compact, slick sliding tabs. Plugin has the option of adding the tabbed box to either a slide out panel at the side of your browser window or as a static tabbed box in your widget area – see plugin page
Slick Social Share Buttons
Add facebook, twitter, google +1, linkedin, digg, and stumbledupon social media buttons to your website in either a floating or sliding panel – see plugin page