Dec 11, 2011

Twitter WebPart for SharePoint

I have already posted a link which will guide you in creating the twitter and Face book web parts for SharePoint in this article. Twitter and FaceBook for SharePoint. Have a look at this.
Yet another easiest way for twitter is as follows:
Steps:
1. Open the site page where you want to add the twitter widgets.
2. Add a Content Editor Web part.
3. Now open this URL in your browser
4. You will find 4 widgets (in the Widgets for my site option) which is provided by default in the Twitter Official Site
·                      Profile Widget
·                     Search Widget
·                     Faves Widget
·                     List Widget
5. All the information about the widgets will be given the site.
6. Now for example I will add the SEARCH WIDGET to our site. I click on Search Widget which will navigate to this link
7. You have 4 options such as Settings, Preferences, Appearance and Dimensions.
8. Here you can customize everything and my sample is shown code grabbed from the site is shown below.
<script src="http://widgets.twimg.com/j/2/widget.js">
</script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'SharePoint',
  interval: 30000,
  title: 'What people are saying about',
  subject: 'SharePoint',
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#8ec1da',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    toptweets: true,
    behavior: 'default'
  }
}).render().start();
</script>

9. That’s it!! Add this code in the Source Editor of the Content Editor Web Part.
10. This will display all the tweets with respect to the Query you gave in the Search. The webpart will look like this.


11. Save it!! Enjoy the Twitter integration in your SharePoint Site.

4 comments:

  1. Thanks for your comment Sola Noah.

    ReplyDelete
  2. The problem with Twitter feeds on the website is that the script breaks certain buttons in the ribbon. When you edit the content of the page, try highlighting some text and then try to change the style by clicking on the "Style" button. You'll see that the button doesn't do anything. Some others are also broken :(

    ReplyDelete
  3. Hi Ghecko,
    Thanks for the comment.
    I haven't faced this problem.
    Eventhough, I will try to replicate the issue and find a solution for it.

    ReplyDelete

Dear Readers,

I LOVE to hear from you! Your feedback is always appreciated. I will try to reply to your query as soon as possible.

1. Make sure to click the "Notify me" check box at the right side to be notified of follow up comments and replies.
2. Please Do Not Spam - Spam comments will be deleted immediately upon review.