Home : Blogs : Jeff Turner : Turner's Perspective

AR Tutorials: Embedding Anything In Your ActiveRain Blog Posts

Several clients have emailed me in the past two weeks asking how to embed Real Estate Shows into their ActiveRain blog posts.

It works just like any other embed code, so I thought it was time to do a how to video on this subject. I'm going to use RealEstateShows.com embed code for this example, but, again, it works the same way for any HTML code.

I'm going to insert the embedded Show here:

And I'm going to insert the embedded video that illustrates how I did it here:

IT'S IMPORTANT TO SAVE TO DRAFT BEFORE SWITCHING BETWEEN WYSIWYG AND HTML!

As you can see from the video, you can't see either the video or the Show when you are editing your post. This is the most confusing part of how ActiveRain has implemented this. And, if you move from HTML to WYSIWYG or from WYSIWYG to HTML without first saving to draft, you'll lose your changes.

Note: Show was created on our trip to West Virginia. That's our creek... my favorite place in the world.

Other posts on this topic:

A Video On How To Embed A YouTube Video - 03/01/2007 02:29 PM

7 Steps to You Tube in your Posts - NEW! FREE! RUN! - 06/06/2007 08:39 PM

Putting Video in Your post or comments from You Tube.. - 03/01/2007 04:56 PM

Embedding videos into a WordPress blogging platform - 02/24/2007 06:33 PM

Video Service Comparison - Veoh, Brightcove, Photobucket, VideoEgg and YouTube - 07/09/2007 09:25 AM

SUBSCRIBE TO THIS BLOG

blockquote {margin: 0pt 0pt 0pt 30px; padding: 10px 0pt 0pt 20px; width:350px; background: transparent url(http://www.realestateshows.com/jeff/quotes.gif) no-repeat scroll left top; font-size: 120%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: #993300; line-height: 1.2em;} h2 { color:#356D9E!important; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:20px!important; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; letter-spacing:0pt; line-height:24px; margin:9pt 0pt 0px; padding:6px 0pt 0px; } h3 { color:#356D9E!important; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:20px!important; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; letter-spacing:0pt; line-height:24px; margin:9pt 0pt 0px; padding:6px 0pt 0px; } a { color:#356D9E; text-decoration:underline; } p{ margin-top:2px!important;} a:hover { color:#ffffff; text-decoration:none; background:#356D9E; border 1px solid #DDA603 }

Posted by Jeff Turner on 07/28/2007 04:55 PM

Comments (82)

how to, embedding, html, wysiwyg, jeff turner, real estate shows

Originally posted at: Turner's Perspective: AR Tutorials: Embedding Anything In Your ActiveRain Blog Posts

82 Comments on AR Tutorials: Embedding Anything In Your ActiveRain Blog Posts

JUL

2007

Thanks for the 'how-to' on embedding.

Kelly... glad to do it. Will we be seeing you next week in SF?

Thank you for posting that. I am sure it will take me a few attempts to get it.

Jeff:

Thank you.

Yes, I have lost data before; but know I understand,

I have rated this post high and bookmarked the page to get bachk to it.

Hi Jeff - many thanks for posting this! I had tried to do this before, and messed it up, so will CLOSELY follow your steps above and see if I can get it to work the next time around. I try to stick to the WYSI.... stuff and stay away from HTML because I just don't understand that yet. YET....... Thanks again! Ann

Randy... we'll have a plugin for Wordpress shortly, along with a whole bunch of other widgety goodies. This is a bit confusing.

Bob... yep. Switching from HTML to WYSIWYG and saving from the switch is the reason.

Ann... do it withe some dummy text you don't care about and just keep posting to draft. Then you won't be frustrated if you mess up. :)

hmm this make take a little while. i will give it a go

Jeff I was just telling a friend how great your shows were and how easy they are to use. Thanks for making this even easier.

Bookmarking....I have a lot to learn on this stuff.

Tina, as I suggested to Ann... do it with some fake text you don't care about and just keep posting to draft. Then you won't be frustrated if you mess up. :)

Jeff- I must say your company provides great customer service and that's a wining formula.

Katrina, thank you.

Jason... it'll come.

Jennifer... we try hard. :)

Jeff - By reading the comments, am I right to assume we can NOT do this yet on our wordpress blog? I thought we could for some reason and I have tried unsuccessfully. My wife could not get it to work either. (we are on wordpress.org)

{SVW Hubba}...

Okay. We will leave you alone now. LOL.

Bookmarks are a good thing :)

TLW...ROAR!

Steve, you can do it on a self-hosted wordpress blog. Our RES blog is a wordpress blog and we obviously embed our Shows there. :)

I did it !!

Didn't want to comment until I tried and and it worked. The tutorial you did was wonderful.

Jeff - another great "how to video" - love your shows an love how easy you all make them - looking forward to the new goodies you alluded to :-) I'll stay tuned!

Thanks much for a clear, easy to understand lesson in embedding videos. I can't wait to try it out! There is so much to learn it's almost like starting over in real estate but in a new world with a new language and rules to go with it. I'm glad I found ActiveRain and so many experts that a generous enough to help others. I'm going to go back and read all of your blogs.

Seems like a great tool, now if I can only learn to shoot and download the video onto you tube.

Great! Now I don't have to beg anymore....thanks Jeff...really helped me on this one....I got tired of putting a button.

Yee Haw! Something beautiful from West Virginia AND a great 'how to'. It doesn't get any better than that! :)

Jeff, I have someone to email this to already. Thank you!!

Thanks for the help - some of us are slower at these things than others :)

Jeff - Can I spam your blog with directions to use your RES as a sidebar widget? Check it out Here. People email me all the time asking me how I got it on my blog sidebar. Blogs are so much more fun with RES!

Thanks Jeff for clarifying, I will try again.

Jeff,

This is good I hope i can do it as easily as you make it sound.

Did it! Thanks so much Jeff....I'll buy you a beer when you're in town.

JUL

2007

Another great post! Thank you for sharing.

Jeff, great post! Thank you for all your efforts, I know you took some time to do this!

Thanks for this info - I was actually just trying to figure out how to do it without getting a red X

JUL

2007

I haven't used RES enough.

Learning how to embed shows may give me the impetus to do more.

Thanks for the post, Jeff.

Don... it'a a bit tricky, but it will work.

Celeste... good job! And a nice post.

Melisa... thank you.

David... I try to do all my videos in one take, they are more natural that way. So it only took me a bit longer than the actual video length. But thank you.

Mike Foiou... good luck.

Mike Jaquish... I'm surprised at the number of RES users who only do listing Shows. You can do so much more!

I've bookmarked this for future use. I'm not a realtor, so don't have the need for real estate movies, but I'm sure I can find a use for it somehow. Thanks!

sig

Angie... i'm going to send you an email. And... I read somewhere that someone on AR has a crush on you. :)

Thanks again.... this is one and the youtube embedding that I have yet to figure out.... I am getting there S L O W L Y...... sorry for the All caps I know how you feel about that ...

Desiree.. give it a try on something with fake text and just save to draft. You'll get less frustrated if you don't get it right the first time. Then, just delete that post.

Thanks Jeff, I still think I've leave it for my 13 year old ahemm.... assistant. Too complicated for me! Thanks for getting the information out there!

I can't even figure out yet how to get a picture from my computer into my blog.

Great "how-to" video Jeff. I do have one question though. Why is it that the embed code doesn't show up in WYSIWYG? I understand that it is still there, but call me crazy, I like to know why things do what they do.

I bookmarked this one... thank you so much for detailing it out for the "rest" of us!

JUL

2007

Thank you Jeff...this is bookmarked and we all appreciated the time you have taken for the benefit of the whole. This post needs to find its way to the permanent tips.

AUG

2007

Jeff - thanks for the tip but can you suggest how to change the size of the show to fit the sidebar? I've seen one other ActiveRainer do it and have gotten a suggestion to do this (I know it's too large but don't know how to change it).

When I tried to manipulate the height and width size in the code (as illustrating in another blog) I ended up just cropping the picture and while it fit in the sidebar at half the dimensions, it didn't alter the show in its entirety - just half the photos. I'm sure it's a simple fix....but I am NOT Jeff Turner...:-)

Many thanks!

AUG

2007

Thanks Jeff! You made it seem so simple that anyone can do it. I can't wait to try it.

AUG

2007

Thank you Jeff, very helpful post... I think I will be coming back to this one

AUG

2007

Always glad I can help.

Jeff

Thanks for the help I've been trying to figure that out for some time now. Thanks again!

Jeff- Thanks for the useful tip. I was always wondering how you get from WYSIWYG to HTML without losing the post information.

AUG

2007

This was probably the best and most informative post on ALL of Activerain. I wasn't aware of the process. You've made it so simple to understand that my 6 year old could do it. Thanks a million.

AUG

2007

Jeff, Really good stuff. I've got a ways to go but have you bookmarked. THANKS!

Great step by step video Jeff.

You always have great information for us. ^_^

Everyone, thanks. I'm glad this is still helping.

Hi Jeff! I've been waiting for you to post something like this....it's about time. :) Just kidding.....but I am glad you posted this.

AUG

2007

Thanks for the great post! This is so helpful to me, I am going to try it.

Thank you Jeff this is just what I am looking for, I wrote a post to try and get help and someone left a link to yours.

Thank you, thank you very much! Now let me go and experiment!

You make it very simple for the non-tech person to look professional. A true asset to AR

Excellent and thank you for the tutorial. We do appreicate it... have a good weekend! cm

AUG

2007

Pamela, Candy, Lorinda, Adam and Charles... thank you for stopping by. I appreciate your kind words.

Mr Jeff.. very well done. i was just looking for a few posts for a newbie and stumbled onto this. She'll appreciate it.!! oh. thanks for the mention :))

ps. will i be as wise as you once i shave my head? i don't think so, but it doesn't hurt to dream!! :)

why isn't this featured yet?

this is amazing info - even techno dweebs like me don't know how to do that!!

thank you for the info - been showing houses in town Atlanta all day - and now I'm getting embed

AUG

2007

I had used this informationto upload a real estate show earlier and found it VERY helpful. Unfortunately, when I tried to do it again, I lost your post. It has taken me 20 minutes to find it. Is there a way to keep this in my favorites as a reference?

Linda, you can click the 'bookmark' graphic to the left of the red flag, just below the post. Then you can access it via your profile, down on the bottom left there is a link to 'blog bookmarks'. Bookmark as many as you want :))

Lee... :)

Linda... it looks like Nick beat me to the punch!

Nick... thank you for helping Linda! I have been on airplanes most of the day and unable to get to anything online. Thank you!

AUG

2007

I was trying to embed a PDF and couldn't figure it out. Didn't spend a lot of time trying however. I just had a friend convert it to a pic and posted it that way.

I probably just didn't spend the time necessary in figuring it out, but if you have a quick answer (or link to answer) that would be great.

Didn't watch the video above because it seems it just pertains to video...

SEP

2007

Thank you for your generousity!! Much appreciated!! Now we can all look so professional...

OCT

2007

I had no idea..........Have never tried this........but I will now...........Thanks.

Duane Hosek in the Black Hills of South Dakota

OCT

2007

Thank you!!! I have been trying to figure this out for the longest time!!

Thank you so much. I've been wondering how everyone was doing this and now I know.

OCT

2007

Troy... you can't embed a pdf, unfortunately. You can link to a PDF that will then download. You would need to upload the PDF use the link to it.

Brandon... my pleasure.

Duane... good luck!

Steve... Glad it helped!

Matt... you're welcome.

Troy... Nick M. reminded me that you can embed a pdf, just not directly. That involves using iframes. Here is an example: http://www.cs.tut.fi/~jkorpela/html/iframe-pdf.html

You will still need to have the pdf hosted somewhere with a URL. And, be warned, people, like me, may have their browsers configured to open PDF files offline anyway.

Cheryl Johnson wrote a great little tutorial on iframe use:

http://activerain.com/blogsview/114881/I-Frame-You-Frame

I've been wondering about exactly that. Thanks so much for a very cool lesson! No wonder your blog is so popular!

NOV

2007

Yeah! I did it! Thank you so much.

Thanks Jeff, hopefully this is the solution to my agonizing question. I will report back

NOV

2007

Thanks Jef...exactly what I was looking for!

Thank you Jeff, I too had been wondering about that. Now I have to test it.

NOV

2007

Jeff,

Thanks for this post. Everytime I get to on e of your blogs I learn so much It is all so helpful. Noww I just need to read another one to find out where the codes are and how to copy them.

Thank you, it can be confusing at first. Glad I listened to you and saved before switching.

FEB

2008

Jeff,

Did one of these last night for the first time - man is it confusing at first! lol!

MAR

2008

Thanks Jeff - your tutorials are awesome, very easy to follow and implement!

JUN

2008

Jeff, Is there a way to embed a YouTube video in your profile? I haven't been able to find out how to make it work. I embed into my blog posts easily but maybe they don't allow it on my profile?

Almost...

A year old and it just keeps going and going and going.

It reminds me of the energizer rabbit. Never mind. I shot that rabbit.

Okay. So it reminds me of me...I keep going and going and going. Maybe someday I'll wake up and be gone :)

TLW...ROAR!

Leave a response…

Name:

Email:
(optional)

Comment:

What does the graphic say?