PoppyDog Help Center

How to embed code in Office Live

Initial Setup - Activate the advanced design features

1. On the Office Live Small Business Home page, on the left navigation bar, click Web Site. Page Manager appears.

2. In Page Manager, above the actions bar, click Site actions.

3. In the drop-down list, click Activate advanced design features.

4. In the Advanced design features dialog box, click OK.

Inserting the Embed Code.

You insert embed code by inserting a 'custom footer' module

1. On the Office Live Small Business Home page, on the left navigation bar, click Web Site. Page Manager appears.

2. In Page Manager, to the right of the name of the page to which you want to embed the code, click Edit. Page Editor appears.

3. On the Web page, click inside the zone where you want the embed code to appear.

4. On the actions bar, click Module, and then click Custom footer.

   

5. Delete everything that appears between <xsl:template and </xsl:template

   

6. Paste the embed code into the space instead and click OK

   

7. Drag the edge of the module (blue) box so that it fills the width of the available space

   

8. Right click the module box and click Resize

9. Copy the value in the width box and click Cancel

   

10. Right click the module box and click Properties

11. Immediately above the code you pasted, you need to type in a line of html.
    
    If the width was 581, you'd type in
    <div style="width:581px">
    
    If the width was 645, you'd type in
    <div style="width:645px">
    
    If the width was 579, you'd type in
    <div style="width:579px">
    
    e.g.:

    

12. Immediately below the code you pasted, you need to type in the line:
    
    </div>
    
    e.g.:

    

13. Click OK

14. Click Save

    

Adjusting the color scheme

When you first embed a tool and view it you'll probably find that you need to change the colors.

1. Go to poppydog.com

2. Go to Your Account

3. Go to Color Scheme and change the colors to match your web site