Twitter Widget
This package gives you an easy-to-install twitter widget for your Wikidot site! It is any easy-to-use implementation of the CSS3 Style Twitter Widget on the snippets site (created by froopi420).
Instructions
How to Install
To install this package in your site, use this code:
(replace the default values with your own, or delete any of the attributes completely)
[[include :csi:include:twitter-widget |width=2 |height=2 |username=wikidot |scrollbar=true ]]
Attribute | Description | Possible values | Default value |
---|---|---|---|
width | Width of widget, in hundreds of pixels | Any integer | 2 (which means 200px) |
height | Height of widget, in hundreds of pixels | Any integer | 2 (which means 200px) |
username | Your Twitter.com username | Any valid twitter username | wikidot |
scrollbar | Sets whether the scrollbar is shown or not | true, false | true |
Note: To use the default value, just delete that attribute from the code.
Live example
The example above uses this code (only the width is changed, everything else uses the default values)
[[include :csi:include:twitter-widget |width=4 ]]
Include files
twitter-widget | By leiger | 25 Nov 2010 09:51 |
twitter-widget-backend | By leiger | 25 Nov 2010 09:41 |
Comments: 2
page revision: 8, last edited: 09 Jul 2017 13:41
Great Job Shane, definitely make a good team. If you want we can make more widgets like this.
Edit: I was thinking about making an "add this" dock widget. E.g. when you hover over the title, the info box will drop down underneath it with the custom sharing options. That is my next project or the next one will be a facebook widget like this.
CEO of Icon Deposit
Take a look at me via Twitter, Dribbble, and Google +
I also wanted to add to this widget an extra CSI Attribute for the text in the bottom right corner where it say's "Follow Us". I would like users to be able to change this text to their own custom text if they wish, and have the default code set to "Follow Us". You can change that text in the actual twitter widget or use some different variables in the javascript.
CEO of Icon Deposit
Take a look at me via Twitter, Dribbble, and Google +