How to embed webpage in blog with iFrame

Suppose you want to integrate a website or a particular webpage with your blog. Some possibilities, you may be auctioning some items on eBay and you want your ebay offering in your blog or perhaps you have an Amazon AStore and want to embed the AStore into a post in your blog. Click here to see a sample.

Note: Embedding a webpage in an iFrame in your own blog of website is equivalent to copying that webpage into your own website or blog so it is good to ask permission of that webpage you want to embed. In the example below, I uses my own Amazon’s Blogger’s AStore Bookshop so there no copyright issue as it is my own webpage.

What you can do is to first obtain the URL of that webpage and put it in an iFrame as follows:

The variables you can change are highlighted in red. It is best to leave width as 100% as then your iFrame will adjust to the available space (width) at the place you want to put your iFrame. You can also specify in exact pixels, example 360px instead but you will then have to ensure the the width you specified suits the width available. The height too you can edit to what you want.

The part highlighted in green:

Your browser does not support iframes.

you can leave out if you want, leaving

and it will still work, but it is best to have it there because if a visitor to your webpage uses a browser that does not support iFrame, then they will see the message

Your browser does not support iframes.

rather than being mystified by a blank space.

Some important notes: The content of an iFrame will not be spidered by search engines which may be a negative point if that is what you want, but to me it is a plus point because it will prevent duplicate content which is not liked by search engines and which may draw a penalty.

Leave a Comment

Your email address will not be published. Required fields are marked *