How to Create a Twitter Hashtag Widget

Music93

Editor

posted on 11 years ago — updated on 1 second ago

8
views

In the 1970s and early ‘80s, a CB craze took over America. People could jump on radio channels and talk to each other about whatever. Nowadays, we have X, the site formerly known as Twitter. Like the CB network, there are channels on X denoted by hashtags, which is a word preceded by a pound sign (#). Within X, these words become links and serve as a way to categorize tweets. If you’d like to display this channel on a website, you’re in luck, because there are a couple simple ways to do it, like using widgets.

Steps

Use the X/Twitter Widgets

Go to https://twitter.com/settings/widgets

Click the “Create New” button at the top right of the page.

Click the “Search” tab. You will arrive to a page titled “Create a user widget.”.

Input your hashtag. On the new tab, beneath the “Configuration” heading, in the search query, put your hashtag. (e.g. #wikiHow).

Configure the settings. Select whether or not you’d like to only display “Top Tweets,” if you want the widget to be in “Safe Search Mode,” and whether you want to “Auto-expand photos” by clicking the corresponding checkboxes. Select the height in pixels you’d like the widget to be. By default, it’s 600px. The next option down whether you want the contrast of the widget to be light (dark text on light background) or dark (light text on dark background). Pick what color you’d like links to be. You can either use an HTML color, or select from a color picker.

Click “Create Widget” at the bottom.

Copy and paste to website. On the next page, beneath your preview, is the HTML code for your widget. Copy it to your clipboard and paste it to your website.

Create a Hashtag Widget for X/Twitter with TWUBS

Go to www.twubs.com

Input the hashtag word. In the search box right at the top center of the page, type the hashtag word you’d like without the # sign.

Embed the hashtag. On the resultant page, to the right beneath the blue header image, click the link that says “Embed this hashtag.”

Configure. On the next page are the configuration options for the widget. You may set width and height in pixels, the number of tweets per page, the header background color, and the header text color.

Click the “Generate Code & Preview” button.

Copy the code.Take a look at the preview, and if it looks good to you, copy the code beneath the “Generate Code & Preview” button to your clipboard. If you feel the need to further tweak your widget’s design, change your settings and click the “Generate Code & Preview” button to your heart’s content.