How to Add an iFrame Code on Blogspot

By Adrian Grahams

The BlogSpot – now called Blogger – blog service allows you to add content from external sites with iFrame HyperText Markup Language design code, using it to syndicate content such as video clips, advertising and interactive features.. To add an iFrame to your blog posts, use Blogger’s post editor tool in HTML mode.

Step 1

Sign in to your Blogger account. Blogger opens on the default Dashboard page that displays a list of all your hosted blogs.

Step 2

Click the “New Post” button under the name of the blog to which you want to add the iFrame code.

Step 3

Type the text for your blog post in the post editor input box and enter a headline in the “Title” field in the usual way.

Step 4

Click inside the text input field at the position at which you want to include the iFrame object. Click the “Edit HTML” tab above the post editor to switch to HTML mode.

Step 5

Paste the iFrame HTML code that you copied from the content provider into the input box. For example, if you’re adding a YouTube video clip, you’ll find the iFrame code for the clip by clicking Share > Embed under the video clip. The code snippet starts with “”.

Step 6

Click “Publish Post” below the post editor to publish the post containing the iFrame to your blog.

Tips & Warnings

  • While you can add an iFrame for any website, some sites have security settings that prevent them from being embedded properly. Always use the HTML provided by the website for this purpose to get the best possible results.