Jump to content

HAIF Widgets for your site/blog/space/page/etc...


editor

Recommended Posts

In another thread one of the HAIFers lamented that he wanted to incorporate HAIF content into his blog. Well, there's a bunch of ways you can do that so I've started this thread to show some of the options.

One way is with RSS feeds. HAIF provides a number of RSS feeds that many services like Blogger, Google Reader, My Yahoo, and others allow you incorporate into your page. Here's a partial list with the addresses:

HAIF: http://feed.houstonarchitecture.info/HAIF

The Houston Posts: http://feed.houstonarchitecture.info/TheHoustonPosts

The HAIF Houston Calendar: http://feed.houstonarchitecture.info/HAIFCalendar

The HAIF Houston Music Calendar: http://feed.houstonarchitecture.info/HAIFH...onMusicCalendar

The HAIF Houston Fine Arts Calendar: http://feed.houstonarchitecture.info/HAIFFineArtsCalendar

If you are using the Safari or current Firefox browser, these RSS feeds are easy to find in the blue RSS button on the right side of your address bar at the top of the page.

Older Firefox users should have an orange RSS button on the bottom right of their browser window.

And everyone should have an orange RSS button on the bottom left of every HAIF page. I don't recommend using this one, though because its addresses vary slightly from the others and may change over time. I'd get rid of it to prevent confusion, but that's too much like smart.

I'm going to put together some graphic widgets that you can also incorporate into your web pages, blogs, or even into your signature on other forums. These are simple graphic blocks that are automagically updated with new content on our side so you don't have to do anything, they don't cost you any bandwidth, and are easy to use. And since they're standard GIF files they'll work pretty much anywhere.

Link to comment
Share on other sites

I found an old widget that I made a couple of years ago, but I don't think I ever publicized it:

HAIF.1.gif

The size is 400x40 -- good for signatures and things like that. Here's HTML code you can use on pretty much any web page:

<a href="http://feeds.feedburner.com/~r/HAIF/~6/1"><img src="http://feeds.feedburner.com/HAIF.1.gif" alt="Houston Architecture Info Forum" style="border:0"></a>

Link to comment
Share on other sites

Here are some HAIF Calendar widgets you can use on your web pages:

HAIFCalendar.5.gif

<a href="http://feeds.feedburner.com/~r/HAIFCalendar/~6/5"><img src="http://feeds.feedburner.com/HAIFCalendar.5.gif" alt="Houston Calendar:" style="border:0"></a>

HAIFCalendar.3.gif

<a href="http://feeds.feedburner.com/~r/HAIFCalendar/~6/3"><img src="http://feeds.feedburner.com/HAIFCalendar.3.gif" alt="HAIF Houston Calendar" style="border:0"></a>

HAIFCalendar.1.gif

<a href="http://feeds.feedburner.com/~r/HAIFCalendar/~6/1"><img src="http://feeds.feedburner.com/HAIFCalendar.1.gif" alt="Cal:" style="border:0"></a>

HAIFCalendar.6.gif

<a href="http://feeds.feedburner.com/~r/HAIFCalendar/~6/6"><img src="http://feeds.feedburner.com/HAIFCalendar.6.gif" alt="HAIF Houston Calendar" style="border:0"></a>

HAIFCalendar.4.gif

<a href="http://feeds.feedburner.com/~r/HAIFCalendar/~6/4"><img src="http://feeds.feedburner.com/HAIFCalendar.4.gif" alt="HAIF Houston Calendar" style="border:0"></a>

HAIFCalendar.2.gif

<a href="http://feeds.feedburner.com/~r/HAIFCalendar/~6/2"><img src="http://feeds.feedburner.com/HAIFCalendar.2.gif" alt="HAIF Houston Calendar" style="border:0"></a>

Link to comment
Share on other sites

Here's a nice small one that would work in a sidebar. It's 180x50.

HAIF.2.gif

<a href="http://feeds.feedburner.com/~r/HAIF/~6/2"><img src="http://feeds.feedburner.com/HAIF.2.gif" alt="The HAIF" style="border:0"></a>

Silly question, how does it update exacty, with so many posts occuring at any given time?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...