How To Create iFrames and Tables

How To Create and Use iFrames and Tables on Your Blog

Last week I promised to create a post explaining how to add iFrames and tables to your Blog posts.  Instead of making this a long drawn out technical “How To” tutorial, I decided to make it really easy for those of you interested in using this feature.  It is HTML based and does require a little HTML skill, but I think the way I’m about to show you will totally simplify the process and keep you from losing your sanity! lol~

The hardest thing you’ll have to do is switch the tabs at the top of your New Blog Post from “WYSIWYG” to “HTML”  then you’ll just need to copy the code onto the HTML page where you want your iFrame to appear, then save it.  Can’t make it much easier than that. So let’s start with the iFrame. The purpose of Adding an iFrame to a Blog post is so that you can share a large amount of information in a very small (customized) space.  Maybe a website, or an interactive page, or even an entire Blog for example.

Here’s an iframe of a site I’m sure you’ll all recognize. 🙂 (updated to show image only)

The size, color, width, height, URL, etc. can all be customized. Now for all you advanced HTML users and Bloggers, this is probably easy stuff, but for many of our members and friends, learning this type of stuff has been known to cause overdoses of Tylenol and in some extreme cases, even alcohol.  So here’s a way for you to preserve your anxiety and stress for something a little more worthy…. I hope.

HTML Basics has setup what they call an iFrame generator.  You just enter in the information, and it creates the iFrame for you, then just copy and paste the code into the HTML tab of your new Blog post. It looks like this:

Just enter the URL of ANY page you want to appear in your iFrame, never make it wider than 550pixels if you don’t want to Blow Out your Blogs sidebar, select any height you want, give it a name, set the alignment, maybe add a border with some color, setup how you want it to scroll, and generate the code for your Blog post.  This is much easier than trying to explain the HTML which you’re about to see once you generate the code anyway. Once you become familiar with the iframe code, you won’t need the generator anymore. Now try it yourself.

Suggestions: Try using your MLS page, your IDX page, your Website, one of your Blog posts, maybe your AR Outside Blog, any page that’s on the internet will work as long as you have the URL or website address.  You can use iFrames to add some additional value to your Blog if this is something you’re interested in. Now just be creative and imagine all the ways your clients, visitors, and subscribers might benefit from your using custom iFrames in your Blog posts.

Are you ready for tables now? Here’s a link to a table generator, you’ll be a pro in no time at all!  🙂


Some Table Scraps RE Video RETechWorld
Goal Planner ActiveBrads Blog iDomain
TechKnowBabble AR Manual The REBlogger

HTML Tables


Leave a comment