Friday, August 1, 2014

How to Embed Twitter in Just About Anything

Something that will bring interest to a static Web site is your Twitter stream.  You can see an example of this in the sidebar of this blog and you can see it on a standard Web page on My Duck Soup.


At the top right of your Twitter window, roll your cursor over the Settings icon:




Click to reveal the menu:




That will reveal the Settings menu:




Click Widgets for the next step and reveal saved widgets (if any):





Either click Create new or edit an existing widget to reveal the edit panel:


Fiddle with it as you like.  The most dramatic change is between using a light or a dark background.



When you are satisfied with how it looks, click Create widget:



IMPORTANT:   Copy the selected HTML in the window.  Best to also paste it into something to save it for when you are ready to use it.

Click Save changes


It's well beyond the scope of the article to walk you through editing the HTML for your Web page.  However, if you visit My Duck Soup, you can edit the source to the page and use that as an example. (The page is listed as PHP but that's only because I use PHP as I feel like it and such pages must be named accordingly.  Most of the code in the page is HTML.)

No comments: