This is some work around code one can use to embed the blog into a Custom Page in Zenfolio. It is an iframe and where it says yourblogURL, please insert your URL.

You can adjust the widths and heights to suit yourself.


iFrame Code for Zenfolio page


What this does, is puts that page, inside of an “iFrame” (has nothing to do with iAnything else) – basically it’s a FRAME – meaning you’re putting an entire external website inside of a smaller area on your own page.  This can lead to some unexpected problems however.  Read on!


Editing the Blogger page to look/fit better

Getting RID of the NavBar –


How to Remove Blogger NAV Bar

To Turn Off the Blogger Navigation BarJust copy the Navbar1 code below and paste it anywhere inside your blog XML file as a CSS code after the /* Variable definitions section. If you’re not sure what this means, follow these steps:

#Navbar1 {

margin: 0;

padding: 0;

display: none;

visibility: hidden;


1. Login to your blog and click the Edit HTML tab inside the Template tab.

2. Inside the file, locate the section body { ..... } and paste the Navbar1 code below this section, after the closing bracket.


4. That’s it. You’re done.

Getting RID of the Header/Title/Logo – 

How to Remove Blogger Header

Howto Remove Blogger Header. Maybe you already removed the navbar and maybe customizing the header by removing the border wasn’t enough, and you just want to remove it completely.

Go to ‘dashboard’ and select ‘layout’ and then ‘edit html’.

Scroll down until you get to the “#header-wrapper” section.


#header-wrapper { width:660px; margin:0 auto 0px; border:0px solid $bordercolor; }to

#header-wrapper { width:660px; margin:0 auto 0px; border:0px solid $bordercolor; display:none; / }

and save.


Small Caveat

I discovered that using the Link List Gadget in Blogger within the iFrame has some bad behaviour on certain browsers for an external links – as it will get stuck inside the iFrame as opposed to opening a new window or completely reloading the current one.

The gadget is at fault due to no functionality to specify at “Target”.  Editing the code on Blogger may fix this.  For now – I just removed all external links.  Built in and Custom ZF pages don’t seem to have the problems.  I can’t tell if the pages are loading in new windows or within the iFrame but they show no artifact of it.

Caveat 2

While testing this out in different browsers I discovered not only that link handling was unstable across different browsers – but the Blogger Gadgets are also unstable – some will work in one browser while sometimes they don’t in another.  Support for Blogger is really poor – and it’s really seemingly depreciated as a blogging tool with almost no updates since 5+ years ago.

Bottom line – if you have to use an iFrame – do not post any links from within your blog.  (That’s pretty limiting except for pure text and images. – Tumblr could work)

No links makes me reconsider the value of even using an iFrame now.  The Blog may absolutely need to be an independent website/external link.  Until Zenfolio provides an internal blog function – that’s probably just the way it will be most functional.

It is a band-aid after all.

Project waiting in the wings – if I ever get a break between shoots here in Bakersfield, and working on my main website and photoshop skills (ha ha) – Figure out how to synchronize my Facebook – Blogger – My Space blogs so I don’t have to bounce back and forth between them all the time! There is syncing working now with Twitter to both My Space and Facebook, but sometimes I need more text than just a line or two!

It works but sometimes the updates are slow.

Then of course I have all my other sites to maintain as well – Model Mayhem, Flickr, Zenfolio (with my other domain name – – which if you haven’t checked out, is a great image hosting site which I still use for my client proofing since it has a super fast and easy “drag and drop” Mac style interface. They have free trial accounts but also several levels of higher services you can subscribe to – 

Save some cash on new paid accounts with this – Zenfolio Referral Code: ESB-HVJ-QZR

The blog on our site – – uses a type of web design technology called “Frames” – which is designed to keep the internal navigation links (above) active, and have the reader remain on our site –  even when loading an external page via some links within the blog.

Some pages may go to external sites, while others may not due to how they are set up on the other end.  If a page you would like to thoroughly visit does not go to an external site – you can always jump to it by using this link –  External Link to this blog – on  – Also seen in the upper right hand corner, listed under My Other Sites.


As much as I like having my blog page “framed” within a page on my site – I’ve decided there are just too many limitations when doing so – as a result I am going to do the necessary customization to the formatting of the blog itself so that it integrates nicely with the rest of my website – designed in Freeway for OSX.  There is a great tutorial for anyone looking to integrate blogs with Freeway, by Dan Jasker, here –