Wednesday, June 27, 2007

Adding Your Blogger Blog To Your Web Site

Most of us who publish a Blogger blog just setup a blog, and start.

Some people already have a web site, and simply want to add a Blogger blog to the web site. Other people have two (or more) blogs, and want to display all blogs as one.

You can combine your blogs and / or web sites using several techniques - and each different technique produces a slightly different effect.
A Blogger blog is like a blank canvas, with which a painter starts.

No two paintings are alike - and neither are any two Blogger blogs. Techniques used for combining a Blogger blog, with another blog, or website, will likewise vary.

Using The Blog Feed
If your other web site provides a feed reader accessory, similar to the Blogger Feed gadget, you're in luck. Just enable the feed on the blog, and activate the feed reader accessory on the web site. Provide the feed URL for your blog, and you're in business.

If the other web site does not provide a feed reader accessory, you can still use a feed. Just take the feed for your blog and convert it to a FeedBurner HTML feed. You can add the FeedBurner provided code into an HTML gadget, or a post, in your blog.

If you want to include a specific portion of the blog, you can use a feed based upon a label.

Using A Domain Structure
You make the blog a part of the web site domain structure, by publishing it to a sub domain of the web site. You can have one blog, or many blogs, in the domain. By using a carefully constructed naming convention, you can display a collection of BlogSpot URLs as a cluster.

Using A Template Structure
There's nothing magical about the template either, it's just a CSS stylesheet. You can adapt the template from your blog, and use it in the web site. Or you can take the template from the web site and use it in your blog.

Make A Combination
You could do any or all of the above, depending upon how much work you wish to do. You can have the blog published to a custom domain, and generate a feed, which can be converted by FeedBurner or FeedDigest into HTML, and displayed in a page of the web site. And you can use the same template for all of it.

For a multifaceted way to connect blogs and web sites, try Following, a combination of feeds, backlinks, and miniature icons based upon our personal profile pictures. Or you can use a Blogger BlogList, which is a blogroll (linklist) that includes feeds from the blogs (web sites), directly on the other blog.

Use Your Imagination
If you have 2 Blogger blogs, and just want to get rid of one and use the other, you can move the posts and comments from one into the other, by using the new Blogger Export / Import wizard.

Just look at the possibilities, and exercise your imagination.

>> Top

24 comments:

Rob said...

A variant of your first option is to use the same template from your Blogger-based blog as the basis for all of the static pages on your site, thereby giving everything a fairly consistent look.

I did this with 2Dolphins when I revamped the site early this year and I think (hope!) that it's difficult to tell where the dynamic Blogger-created content ends and the pages I've created with Dreamweaver begin.

Michael said...

Excellent ideas. I've included my blog into my own website using an iframe. I've got only one bug left: making the search results from the navbar stay within the iframe. The manual links use the labels feature, and they work like they should. But than durn search box won't cooperate.

You can see it at http://www.feltd.com/fox/test.html

Do you have any ideas for fixing this?

lorenhops said...

Hi
I'm new to blogging and struggling with some technical issues related to this post. Wondering if you could help out please.

I have four different themed blogs. I would like to host (don't know if that's the right terminology) all these on a 5th blog while still keeping the other blogs seperate. So when I update any of the four this will (dynamically?)show up on the 5th.

I'm not talking about iframes or the little dinky widget feeds that blogger provides. What I want for example is that if I post on blog 1 and then blog 2 that the entire content of those posts will show up on blog 5 in the order that they happend (not just as links to the original posts). Is this possible? I'm sure it is somehow.

Sorry for going on so long, I've tried a few different help groups for this and I haven't quite got the answer that I've been looking for yet, so I tried to be specific here.

Cheers,
Loren

Gringa said...

@Loren - Did you find a way to integrate 4 blogs into a 5th dynamically? I'm also looking for a similar solution. Thx!

lorenhops said...

Hi Gringa

I sort of found an answer,I just signed up for a storytlr.com account where you can aggregate a whole bunch of different feeds, so everything you do on the net e.g. blogs, facebook, twitter can show up there if you want.

Taf said...

After spending the entire day trying to update FTP to work, I wanted to save all those using Volusion the misery of what I had to do today. Volusion Stores don't allow you to Blog with FTP. They force you to capitalize one of the username words which makes it not work in Blogger. I should have been making money cleaning carpets instead fighting with this. www.MagicWandCompany.com Yes, a Volusion website. Just so this post is not outdated - today's date is January 23, 2010.

Editor said...

Please note that Blogger.com just announced that as of March 2010 they will stop providing FTP(or SFTP). See http://buzz.blogger.com/2010/01/important-note-to-ftp-users.html wherein they assert it's not worth it to support 0.5% of tens of millions of blog users...

About Zenyo said...

I'm having a major disconnect when I try to do this. I have a blogger blog and I want the feed to show up on our website - I have added the link ref tag -- rel="alternate" type="application/rss+xml" href="http://feeds.feedburner/blogspot/mywebsitename"-- and nothing is happening. I'm assuming I'm missing a step and at this point need it spelled out for me and I can't find anywhere that's spelling it out. If you can help, I would be greatly appreciative. thanks

Chuck said...

Zenyo,

I would like to discuss this with you. I think that a question in Blogger Help Forum: Something Is Broken would be a good place to continue.

Rabbi Winner said...

is there a way to limit the view of my blog which is iframed onto my webiste to just show the newest article or so?

Chuck said...

is there a way to limit the view of my blog which is iframed onto my webiste to just show the newest article or so?

How about using a BlogList gadget? A bloglist uses the blog feed, and only displays the content of the most recent post.

The JOPSONS - Deri & Alex said...

The site that I host my main website, myrealpage.com, says that if I can get the embed code for the blog I have at blogspot.com, then I can add it as a page/tab on my site. does this make sense?

Or if I create a new page and entitle it as blog, I'm a little confused as to how to have a feed of my blogspot blog on there. Any help?

Chuck said...

Deri / Alex,

This would be better discussed in BHF: How Do I?.

Jeff Alexander said...

This is the best article I've found, but as a noob, I'm still confused. Excuse me, and any help is greatly appreciated!

I want to incorporate my blog(blogspot) into my website (built on wix.com, hosted through godaddy.com) in the way that best OPTIMIZES the website for search content.

Is this through a subdomain? Do I create a subdomain through blogspot, wix or godaddy? Do I need to link them somehow? cname?

Idiot-proof step-by-step directions with limited technical speak would be greatly appreciated!

Wayne said...

HI Everyone I am new to this I just started a blogger under google apps, that went fine, but I have my own domain and when I used the dns settings that I was given the blogger forwards to my own domain but my wordpress blog still shows up
and nothing is posting from blogger.
my blogger name is supersalestoday.blogger.com
my domain is supersalestoday.com hosted by blue host I used www in the name in the dns setting and ghs.google.com as the cname
any idea what i need to do. thanks

Chuck said...

Wayne,

Your problem really needs to be discussed in public, in BHF: How Do I?, for best results.

liz said...

Great info! Related query
Am at a debit level of knowledge.
# if I use one blog as master for two separate blogs (one English, one French) I ASSUME I just need main blog, with links to each language?
# Can I create a blog "in" Canada for someone "in" UK? Yes know about permissions - weren't sure if they were international.
ciao thanx

weildkat art and design said...

Do you have a "For Dummies" version of how to add your blogspot blog to the domain that you bought from someone else?

Chuck said...

Weildkat,

Thanks to the immense volume and variety of technical expertise present in the Blogosphere, no "For Dummies" version would ever be both:
1. Accurate.
2. Complete.
3. Up to date.
4. Useful.

If you wish, you may state your need for advice, in Blogger Help Forum: How Do I?, and ask for help interactively. Just be accurate, patient, and polite when you do so.

http://blogging.nitecruzr.net/2009/05/your-blog-and-blogosphere.html

http://blogging.nitecruzr.net/2006/03/asking-for-help.html

Ruth Alfasi said...

Hi, I didn't see the anwer to my question, and appreciate your insights.

I have one blog that is going fine. It's actually hosted on Ipage (for the time being) but i manage it all thru blogger. I added another, generally unrelated to the first, and that went fine. However, I now want to add a third which will be simply a Hebrew-language version of the first blog.

Problem #1: When i try to do "Add blog" i can chose a name, url, and template, but then nothing - no OK, no Save, nothing. I'm told I'll lose everything if I X-out, but i don't have much choice. I didn't have this problem when I added the second blog.

Problem #2: If I were to successfully add the new blog, I'd hope to have the interface in Hebrew so that visitors can read and follow all the directions in Hebrew. Will this change the language interface of my other blogs?

Finally, I'd hope I can just kinda have a little button that links one blog to the other, then have them look essentially the same.
if you need to see the site, it's: www.yeshivathamekubalim.com
any suggestions? thanks a bunch,
r

Shahab Uddin said...

very important information.Thanks a lot.

Blog Okulu said...

nice post,very usefuul information.Thank you.araba oyunları

likesmedia said...

i am new in blogging. thank's for explanning. oke i have add feedburner in my blog.

Sean said...

Thanks for this info. I just used FeedInformer to get the posts feed from my Blogger blog, turn it into an HTML widget, and then placed that on a static page of another website. Pretty impressive! It can be styled and everything.

I wonder though, is there a way that I can incorporate commenting as well? I don't just mean listing comments from the blog via a feed, but so that people can actually make comments ON this other website. I'm sure this is more complicated, but can you point me in the right direction?