Show a twitter feed

So this is an easy favorite that I like. A simple default twitter feed on the web. Many configurations are configurable, so take a look here and play around with it.

1. Just put it in your code where you want it to lie.

                            <div style="text-align:center;">
                                Latest tweets <a href="#fillinyourtwitterurlhere" target="_blank">@yourtwitterhandle</a>
                            </div>
                            <div>
                                <script charset="utf-8" src="https://widgets.twimg.com/j/2/widget.js" type="text/javascript" language="javascript"></script>
                                <script type="text/javascript" language="javascript">
                                    new TWTR.Widget({
                                        version: 2,
                                        type: 'profile',
                                        rpp: 2,
                                        interval: 30000,
                                        width: 250,
                                        height: 100,
                                        theme: {
                                            shell: {
                                                background: '#ebebff',
                                                color: '#7b77bd'
                                            },
                                            tweets: {
                                                background: '#ebebff',
                                                color: '#7b77bd',
                                                links: '#c70000'
                                            }
                                        },
                                        features: {
                                            scrollbar: true,
                                            loop: false,
                                            live: true,
                                            behavior: 'all'
                                        }
                                    }).render().setUser('yourtwitterhandle').start();
                                </script>
                            </div>

Advertisements
Leave a comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: