One obvious way to merge two websites (either or both being a blog), is to use the same template on each, and link between the two in a consistent fashion.
The reader of either blog never has to know when he's viewing the other, unless he habitually observes the content of the browser Address window.
But how about if you would like to display one blog, in its entirety, in the middle of the other blog page? That's a feature called an IFrame.
It's an astonishingly simple feature too.
Just add the iframe code, as a new HTML gadget - or to post content.
Here's sample code, to display my original iframe post.
An IFrame can be used in a page or post - or a template gadget.
You can put an IFrame in either a blog post, or in a special page element. An iframe is a dynamic window; when you change something in the blog contained in the window, the contents of the window changes too. Just refresh, and you can see the change.
An IFrame is useful with a private blog, in place of a newfeed gadget.
An IFrame is a nice substitute for a newsfeed, when you are including a private blog in another web site. Since a newsfeed isn't available for a private blog, it's useless in this case. An IFrame works as well for a private blog as it does for a public blog. Of course, an IFrame will be useful only with viewers who have access to both the source, and target, web site.
One caveat here, which may be an asset or a liability, is that the content of an IFrame won't be picked up by the search engines. If the text inside the iframe is important content that needs to be indexed with the host blog, you won't want to put it inside an iframe. On the other hand, if you have text that you explicitly do not want indexed, an iframe can be a perfect solution.
It has a number of sizing options, that let you fit it in places.
It's got a number of settings that can make it more useful to you. You can set the height and width of the IFrame, to determine how much screen space, inside your blog, that you wish to use to display the IFrame contents. If the IFrame contents are larger than the allocated space, by default you'll get scroll bars; these can, at your own risk, be deactivated.
Remember that, as the text size is varied by the reader, the overall size of the contents inside the IFrame will vary, just as the contents of the blog outside the IFrame. Instead of specifying an absolute height or width in pixels, you can specify either in %, and have the IFrame size decrease or increase as the reader necessitates.
Complex templates, in both the host and source web site, will waste screen space.
Depending upon what effect you desire, you'll want either the IFrame host web site, or the source web site, to be as plain as possible. If you have a normal blog with a page header, post column, and one or two sidebars, you will want the IFrame source web site to have a very plain template.
If you're creating a second blog to contain posts that will be accessible only to a select few of your readers, you'll want to display an IFrame that only contains a posts column - any page header, sidebar, and / or footer section will just take up valuable screen space on the host web site, or force excessive horizontal or vertical scrolling inside the iframe window.
The reader of either blog never has to know when he's viewing the other, unless he habitually observes the content of the browser Address window.
But how about if you would like to display one blog, in its entirety, in the middle of the other blog page? That's a feature called an IFrame.
It's an astonishingly simple feature too.
Just add the iframe code, as a new HTML gadget - or to post content.
Here's sample code, to display my original iframe post.
<iframe width="100%" frameborder="0" src="http://blogging.nitecruzr.net/2007/11/make-iframe-to-contain-another-blog-on.html" height="400"></iframe>
An IFrame can be used in a page or post - or a template gadget.
You can put an IFrame in either a blog post, or in a special page element. An iframe is a dynamic window; when you change something in the blog contained in the window, the contents of the window changes too. Just refresh, and you can see the change.
An IFrame is useful with a private blog, in place of a newfeed gadget.
An IFrame is a nice substitute for a newsfeed, when you are including a private blog in another web site. Since a newsfeed isn't available for a private blog, it's useless in this case. An IFrame works as well for a private blog as it does for a public blog. Of course, an IFrame will be useful only with viewers who have access to both the source, and target, web site.
One caveat here, which may be an asset or a liability, is that the content of an IFrame won't be picked up by the search engines. If the text inside the iframe is important content that needs to be indexed with the host blog, you won't want to put it inside an iframe. On the other hand, if you have text that you explicitly do not want indexed, an iframe can be a perfect solution.
It has a number of sizing options, that let you fit it in places.
It's got a number of settings that can make it more useful to you. You can set the height and width of the IFrame, to determine how much screen space, inside your blog, that you wish to use to display the IFrame contents. If the IFrame contents are larger than the allocated space, by default you'll get scroll bars; these can, at your own risk, be deactivated.
Remember that, as the text size is varied by the reader, the overall size of the contents inside the IFrame will vary, just as the contents of the blog outside the IFrame. Instead of specifying an absolute height or width in pixels, you can specify either in %, and have the IFrame size decrease or increase as the reader necessitates.
Complex templates, in both the host and source web site, will waste screen space.
Depending upon what effect you desire, you'll want either the IFrame host web site, or the source web site, to be as plain as possible. If you have a normal blog with a page header, post column, and one or two sidebars, you will want the IFrame source web site to have a very plain template.
If you're creating a second blog to contain posts that will be accessible only to a select few of your readers, you'll want to display an IFrame that only contains a posts column - any page header, sidebar, and / or footer section will just take up valuable screen space on the host web site, or force excessive horizontal or vertical scrolling inside the iframe window.
Comments
If the source of the IFrame is too wide or tall to fit in the space that you make for it, and if you enabled scrolling, you'll get a scrolled window, in the middle of your blog page, yes. Both settings are detailed in the W3Schools linked web site.
I hid the Navbar, on my blogs, by picking the right colour. You can forceably hide it, if you really feel the need.
As I use table HTML from time to time in my blogger blog to display images and text, would it be better to use IFrame code instead? If so, what are the benefits?
Thanking you for your time.
Regards
Peter
IFrames and Tables are two totally different things.
A table is a multi cell object thats used to display contents of this blog, in a grid. You control the contents of a table, and you display multiple objects, horizontally or vertically aligned with each other.
An IFrame is a single celled object, that's used to display contents of another web site. The other web site controls the contents of an IFrame, and displays that entire web site.
A blog that produces a clean IFrame will have as little as possible, besides the objects being targeted, in the template code. Visible objects like blog headers, sidebars (if you're displaying posts), post columns (if you're displaying sidebar objects), and footers just take up valuable screen space, or require excessive horizontal or vertical scrolling.
That's a great example of the potential of the IFrame! Congrats, and thanks for the update!
thanks for putting this out there.
I've used your iframe code on a webiste and when an image on the blog is clicked on, the back button just closes the website.
(thanks, by the way for all your useful info which is greatly appreciated)
Page Not Found
Sorry, the page you were looking http://xxxx for does not exist.. but you can click on the page that doesn't exist and opens up my blog...
Not sure how to fix it?? Any help would be appreciated.
Thanks
On my website: http://www.loanburger.com/ I have my Blog showing on the Home page inside the iframe. I have to limit the nr of posts displayed to one or two to make sure the iframe's scroll bars do not appear. There must be a way to get around this and have the iframe increase its size
http://YOUR_BLOG_NAME_HERE.blogspot.com"
allowtransparency="true" style="border: none; width: 800px; height: 800px;"></, but it will not let me post this with it in the code
Anyone having any !dea ?
http://www.speedyvehicles.in
You have to add the text to the website that the frame sources. An iframe is purely another website, sourced there. If you want text above, beside, or below the display, add it to your blog, in the right position.
Any activities within an iframe that require authentication, like commenting - or Following, have to be logged in separately, within the iframe.
I have an iframe on my website that pulls information from my blog page and displays it in the iframe, all that works fine. The problem is I have anchors on my home that should link with id tags on the blog, so when you hit those links is should take you specific information in the iframe, which which is my blog page. I set the id up on the blog page. It doesn't work. Is there a way to do this?
Anchor tags are a known problem with IFrames. I'm not confident that there is a solution for you - if there is, you'll find it faster by asking in BHF: Something Is Broken.
here's the page at the moment:
http://www.jpkallio.com/blog.html
Is this possible to do?
How would I go about setting that up?
Is it even possible?
Edge of Your Seat Romance
http://www.blainelight.com/blog.html
By specifying the proper frame target, you can have the specific post URL show up. You cannot, unfortunately, get just the content of the post - omitting the blog title, sidebar, footer, etc.
Can't believe this is so simple.
An IFrame is going to show the blog, as displayed.
If you only want the posts, for a given label, try a feed reader, targeting the label feed.
http://blogging.nitecruzr.net/2007/09/combining-feeds-and-labels-to-get-feeds.html
One of the downsides of iframes is that you cannot select a portion of the iframe, It's all, or nothing.
If you only want the posts from a blog, that's what the posts newsfeed is for. No iframe - just a feed gadget.
http://blogging.nitecruzr.net/2007/07/what-is-my-blog-site-feed.html