Use Command+C on your keyboard (or Control+C, if you're using a PC) to copy this code to your clipboard. Under 'Embed this Tweet,' you'll see a string of text highlighted in blue.

Copy the code that appears and paste it into your website's HTML editor.Ĭlicking 'Embed Tweet' from the dropdown menu shown above will open the code box shown below. Once you've found the tweet you want to embed, click the downward-facing arrow icon, located on the top-right of the tweet, as shown below.Ĭlicking this arrow icon will reveal a dropdown menu of options, including one called 'Embed Tweet.' Click this option. Click the downward arrow on the top-right of the tweet. For this example, we'll embed a tweet from HubSpot's Twitter feed, as shown in the screenshots below. Locate the tweet in your Twitter newsfeed or on the Twitter user's profile. To embed a tweet onto your blog or website, you'll need to first find the tweet you want to display in its natural habitat - Twitter. Add 'tw-align-center' after the words 'twitter-tweet' in the embed code.Copy the code that appears and paste it into your website's HTML editor.Click the downward arrow on the top-right of your tweet.When the twitter widget becomes longer than its holder, the scrollbar will appear. Note that the scrollbar is applied to #twitter-widget-holder div which should have a height/max-height value specified (in this example 400 pixels). For example: #twitter-widget-holder(document,'script','twitter-wjs')

Create a div in your HTML that’ll hold the widget Īnd apply a CSS height/max-height to it, along with any other properties you might want.

Embedded twitter feed