Insert A Webpage, Group or Forum In Your Google Site!

There seems to be a lot of people wanting another web page incorporated into their google site. Here is a perfect and simple solution ....




1) Create your group/forum or find an interesting website and then insert it as a web page in your google site.

Here is how to insert the page:



2) Click edit page > insert > more gadgets > search "Iframe Wrapper" > select > paste in the URL customise the display (uncheck display title, uncheck add border)

3) Click on ok and don't forget to save. And you are done! Check out the result!

Chat To Clients While They Browse Your Website - It Doesn't Get Much Better Than That!

Wouldn't it be great for potential new clients to be able to contact you immediately if you are online the same time as them?

Get a skype button, they can easily be used on your google site, blog or even in your email signature to let other people contact you easily.

1) Navigate to this website:
http://www.skype.com/intl/en-us/tell-a-friend/get-a-skype-button/

Enter your skype name > Select the button you would like to use. I am using a button which shows my skype status.

Click in the web html code box and copy the code that has been automatically generated.

Now navigate to the page on your website where you would like you skype status button to appear.

Click on edit page > Insert > More gadgets > Featured > Embed gadget > Paste in your html code

Customise the gadget in the following way:

Untick include border around gadget > Untick display title on gadget > Change the width to 150 and the height 60

Finally, click ok, save and enjoy your skype button!!

See mine working here! - http://www.webprincess.co.uk/

Also add your google site to the new google sites directory, or check out some of the sites for inspiration.

Take care and I'll blog again very soon. As always if you have any questions or would like a topic exploring let me know!
B x
http://www.webprincess.co.uk/
Latest project http://www.srkaccounting.co.uk/

Inspiration - PoweredByGoogleSites.com

Kirksville Web Design is announcing to launch of a new website: www.poweredbygooglesites.com.

The mission of this website is to propagate and promote designer websites creating using Google Sites. I have journeyed to all sorts of Google Sites websites and found stellar examples and sadly, many duds. However, if we can let the light shine on the wonderful websites developed by some talented graphic arts, designers, and hobbyists, Google Sites will go places.

So join me as I publish entries and look forward to submissions. This is an excellent opportunity to showcases incredible work pushing to potential of Google Sites.

Criteria for selection will be based on style, information architecture, and creativity.

Tell your friends!

Go, Do This! How To - The 'Mouse Over Image Change'

Hey, Beckystar here again from web princess :)

One of my favourite effects is the 'Mouse Over Image Change', like the example I have made on my home page, my web princess logo is turquoise on white, move your mouse pointer over it, now it's turquoise on black! - click here to see it.

(I apologise now for the lengthy links used in my code example, no doubt yours will be the same too!)

This is so easy to do . . . .

Click Edit page ► Insert ► More gadgets ► Search: Code Wrapper ► Select ► embed the code below, customise it, and remember to change the width and heights to the size of the images you use.

TIP - It's best to use two images roughly the same size!
TIP -To get the url of your images click More Actions ► Manage Site ► Attachments ► Click View on the images you want to use ► Copy the URL from the address bar of the pop up window displaying the image ► Repeat for image 2!

This is the code:

<style type="text/css">
.outer {width:245px; height:60px; background-image:url(http://746368688081817836-a-1802744773732722657-s-sites.googlegroups.com/site/webprincessgbbo00/Website-Designer-In-Boston-Lincolnshire-testimonials/final%20logo.jpg?attachauth=ANoY7crNBp06DjiBmK8kaRXZ5I6v391tSkpDfULC8Q6sThQ9b5J1ie_Hv1sxYFx5VhZQlicPQi1f0LAaTCRNwdRDYhHmtMdZZHk3TA9uNzCbj5cQV3zPLBzUCpj_KRu4NiLkve0MVA7LzGVTn0XQrudpzWzJA-9CymQ9goKDi_itm05TovIqIrCRaxJSyUWsjDEtMMiGI7dF1C8vSjGJNAf1VNeEh_jPaWjanazfTUwl9IkG-kKXd_7RyxfO7atEEP4WY-RY_H-ILYlG9a_bvAzjl69HvN1UiA%3D%3D&attredirects=0)}
.outer {display:block}
.outer img {width:100%; height:100%; border:0}
html>body .outer img {display:block}
.outer a:hover {visibility:visible}
.outer a:hover img {visibility:hidden}
</style>
<div class="outer"><a href="http://webprincess.co.uk/" target="_blank" title="I Love This Mouse Over Effect."><img src="http://746368688081817836-a-1802744773732722657-s-sites.googlegroups.com/site/webprincessgbbo00/home/untitled2.jpg?attachauth=ANoY7cpHPsL-PdUgPwr1WbiJJeqjO00EbbI6jeoBLE4F16-OM_0zVhq49NFfBIzrmwItcDixPMB9PdUj4s2uadJ6epta_hpTnbNU9fRN7y5q1al_RQn7wQovydgwm4yBgWwmSLe7kRJz5Gueokrr2VpPjzRygFTB7K6gTDyejfTCanbWMFxTJJUd2uUmGMT_sdSBEqr8xI0H4fj79w12urIHYc8Oi-MUwg%3D%3D&attredirects=0" width="245" height="60"></a></div>

Then just customise the gadget Display ► OK ► Save!

Let me know what you think, enjoy! Need SOme Help? Visit www.webprincess.co.uk/google-sites-help

Beckystar

PS Massive thanks to mori79 for the code which allowed me to share this amazing effect with you.