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 tab3. 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
Iframe11. 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.