You are here

Home

How to put a Twitter Feed on Your Website

Login to the Twitter account, requires a username and password.

Click Resources, small print at bottom of right pane.

Click Widgets logo.

Click My Website in left pane.

Click Profile Widget, for example.

Username should be filled in already and a test sample shown on the right.

Edit Preferences, Appearance and Dimensions, for example as follows:

preferences.JPG

appearance.JPG

dimensions.JPG

Click Test Settings anytime to see your changes.

When you’re happy, Finish & Grab Code. Be sure to select all the way to the bottom, and Copy, as in this case shown below.

<script src="http://widgets.twimg.com/j/2/widget.js"></script>

<script>

new TWTR.Widget({

  version: 2,

  type: 'profile',

  rpp: 10,

  interval: 30000,

  width: 'auto',

  height: 300,

  theme: {

    shell: {

      background: '#1b6b3b',

      color: '#ffffff'

    },

    tweets: {

      background: '#192785',

      color: '#ffffff',

      links: '#ecff9e'

    }

  },

  features: {

    scrollbar: true,

    loop: false,

    live: true,

    behavior: 'all'

  }

}).render().setUser('jeasolar').start();

</script>

 

 

I happen to Paste this into a Notepad++ file for safe keeping, but you can go directly now to Drupal and

In Drupal, Click Blocks->Add block and Paste as Source into the Block Body with the editor. Using the default Text Format->Rich Text Editor is Ok.

Add a Block Title, Block Description.

Scroll down, choose Only on the listed pages and put <front> in the dialog box, or whatever page you want. This can be any page on your website. Then Save.

visibility.JPG

This takes you back to the Blocks admin page. Scroll down and find your new block in the Disabled list. It probably will be near the bottom but sometimes you just have to scroll up and down to find it.

Then in the Region drop down change from None to wherever you want it.  If you want to see the layout of the regions you can click  Demonstrate block regions (solwaD7) at the top of the page, and at the very top of the page you can alternate between Themes. In this case I’m using solwaD7, a theme that was created with Artisteer and FTPed to this site.

For this example I picked Left Sidebar.

Now scroll back up to the Left sidebar list and drag your new block to your desired position above or below the other blocks in this region. In this case I put it at the bottom, under the Calendar block.

Don’t forget to Scroll back to the bottom and Save blocks.

 

 

hulu