Wednesday, May 13, 2009

How to add an outside gadget to google sites.

There is a way to do this. You can see mine on my website to get an idea. First open two tabs, one for your Google Site, and one for your blog.


1. First you want to create a new blog

2. Select any template for now, then click on the Layout tab

3. Now you want to change the template, choose simple.

2. Click on the layout tab. and select Edit HTML

5. Add this line:
#navbar-iframe {
display: none !important;
}
put it right under the name of the blog template author, just after the */
This line takes out the blog nav bar on top.

4. Look for the following text:
body {
margin:0;
padding:0;
font-size: small;
text-align:center;
color:$textColor;
line-height:1.3em;
background:#946496 repeat;
}


5. Click on your google site tab, and look for the image you uploaded. Right Click, and copy image location.

6. Click back to your blog tab and add the following line to the code in step 4:
background: #00000 url{url pointing to your image on your google site)

7. Click back on layout tab, and add a gadget. Select the HTML/JavaScript Gadget and paster your gadget code in the window.

8. Save and then click back to your website. Go to the page where you want the gadget, and select edit.

9. Click on insert, and then select more.

10. Do a search for Iframe

11. I prefer the one that says include gadget (iframe). You can turn off the scroll bar and choose your height and width.

12. Once you have your iframe the way you want it, click save.

This is good for gadgets that have multi functions, like a music gadget. Some gadgets you can add using the add by url when you click on more to insert gadgets, but this will only work for gadgets with one function.

You can also do this On the blog, but your really don't need to, unless you want to run seperate advertisements, like the ones that you get from widgetbucks. If you want to see how it looks, just visit my website just click on my website link on the top right.

http://elizabethgadget.blogspot.com to see how my gadget looks by itself.

2 comments :

  1. what is most beautiful to make our hearts happy always in the blog

    ReplyDelete
  2. Good great opportunities you have shared. Thank you for sharing such a informative blog. It would be great help to a lot of people! Keep it up.


    mlm opportunities & business endeavor

    ReplyDelete

My Blog List