Home Labs Galleries PetitOn

How to include the Mosnaps viewer in your Blogger blog.

In any blog, whether it is a Blogger blog, a WordPress blog or other, you'd want to include the Mosnaps viewer as a static part of your blog.

One way of doing this, is to add the viewer to a post and then make that post stick to front page. Another is to create a separate page for the Mosnaps and include it there.

Here I will describe how to include the viewer in the sidebar of a Blogger blog.
You may want to look at the result before you begin.

On the Mosnaps site

1. First lets log in to http://www.mosnaps.com to get the embed code for the viewer.

On the share page, click on the embed cde for the viewer you want to embed on your blog, and copy the code to the clip board.

On your Blogger blog

1. Now lets go to the Blogger site and log in.

2. Go to your dashboard.

3. Select Layout

3. Click on Add a Page Element

You are presented with a list of different widgets that you can add - some more specific, some common.

4. Choose to add HTML/Javascript.


5. In the popup form, you can give this section a title and to paste the embed code.
    Make sure "Rich Text" is not selected.

6. Then save the changes.

Back in the layout pane, you can reorder the different sections of the sidebar.
You can also preview the results before you save.

After saving, when you go to your blog, you'll see the Mosnaps viewer in your sidebar.