Google Sites Web Design News

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!

Change Your Sites Logo - are you having a problem with a public template and you can't locate that pesky rogue logo?  ok..... there are possibly a few ways the logo or image could be attached to the top of the page click on more actions > manage site > colours and fonts > scroll down and click on Site header background image and see if that is where the logo is if the logo is not there ..... click on more actions > manage site > site layout > change logo and see if it is there ...... And last but not least, the template logo could be part of the background image. If this is the case you will need to click on view, save the image to your pc and then edit the image by placing your logo over the top for example in a program such as photoshop. Let me know if this sorts out the situation for you..... B x

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, sa...

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:24...

Happy Saturday Everyone! Well I have lots of memories of help needed on how to line up text and pictures and sometimes clicking on an image and selecting "wrap on" is not good enough when designing your google site. Perhaps you want to add some thumb nails of pictures with a description underneath, or,  maybe you want to create a four column look like  Perfect Square Solutions' site which will brilliantly advertise your services. To create the effect choose a one column area within your pages. Now, click on Insert > Table - then select the size you require, in this instance select two rows and four columns like this: Click in each cell columns and add text and pictures. I would recommend your pictures should be around the same size, your pictures should also be centralised. How you have them is up to you, have a play! Text looks good lined up to the left as  http://www.perfectquaresolutions.com/ h...

Now, we can take a closer look around the footer of Google sites. I need a custom footer like this, So I created an image like this. Now I need to upload this image into Google sites. Somebody asked me about the difference between uploading as 'background image' and 'wrapper background image'. I'll show you the difference. This is the Original image: When I upload the image as 'background image, the result is: See the top. So, look at the same image uploaded as 'wrapper background image': OK. Now it clarified, right? Come to the point. We need a custom footer image like the first original image. I did upload in as a 'wrapper background image'. The result is good. Look: But, when the content is too long, or in the announcement page, it looks odd. See, This is not we want, right? So, I did two images like this: One, Another one is, Then, I upload the first image as 'wrapper background image', and the second one as ' ...

Learn to embed those important tools like Google calendars and Google Docs. See the progress made to our sandbox website http://sites.google.com/site/numsbakedgoods  A Bit of a Summary This video focuses on important elements to any Google Site, that is, using the inherent interactivity of Google Docs and Calendars, etc, to convey and gather information.  Google Doc's forms are fairly simple and I show you where the input information shows up and how to be notified via e-mail. Note: Remember it is important to make your Docs and Calendars public for them to be seen on a public website.  Also, make sure that your Calendar has a relevant time zone, this setting is available in..."settings!" Google Sites makes it wonderfully easy to implement these practical applications.  Love Google Sites and the Google Apps package.

Definition : A favicon is the icon that is displayed in browser tabs, bookmarks, etc. Google Sites allows the uploading of a custom favicon.  The favicon will be displayed for all pages of the site and is one of the simple things that makes your site more credible. To make and upload a favicon is simple.  First of all, get the free graphics and photoshop-like program GIMP .  It is an essential program for web designers like myself.  I use it for all my graphics.  Open GIMP Create 'New' Specify a 32x32 pixel canvas Create your symbol/icon Save and name as favicon.ico, choose the 32 bpp option In your Google Site go to Manage Site > Attachments Click Upload and select your favicon.ico file It's that easy!  Enjoy your new favicon and differentiate yourself from the typical Google Sites crowd. That Favicon is Boring Anyway

I am posting here for your enlightenment a walkthrough tutorial for creating pages and setting up a navigation bar. The video is pretty self-explanatory so I needn't provide much of an introduction.  However, I make reference to this post on designing a background with the 'blank slate' theme. Please take note of the tips and tricks mentioned in the video, these may things even a Google Sites' users may have overlooked.

Google Sites, and really Google Apps, has been improved in terms of making it easier to share your website.  The share settings used to be part of the Manage Site contents, but now it has been moved to the More Options drop down menu next to Create and Edit Page. Sharing has never been something I've used very much.  I always make my sites public and I limit collaborator privileges (call me a control freak).  Nevertheless, it is always great to be able to do something more easily.  Google Sites sharing is now similar to that in other Google Apps like Google Docs. Remember your options: Anyone can see your site (public) *will be indexed eventually and then not very well Only those with a link can see your site (semi-private) *will not be indexed Only those given permission can see your site (mostly-private) *will not be indexed   For Google's post on website sharing see http://googleappsupdates.blogspot.com/2010/11/simplified-sharing-experience-extended....

Google Sites released the option for horizontal navigation not too long ago.  This new features greatly enhances the professional look of websites, and I have used it on all my new sites.  Please refer to my post on background layout for easy integration of horizontal navigation into your web design. Horizontal Navigation is more appealing because we process information best that way.  It makes sense, we read from left to right.  Another benefit from this feature is that it eliminates the need for a sidebar.  While sidebars have their place in web design it is better to implement it on your terms, not because you have to for navigation purposes. Also, horizontal navigation enables the use of dropdown boxes.  These are links that appear when the category is hovered over.  For instance, in my bakery website example.  I have a page called Baked Goods, the sub-pages of which will be scones, muffins, cupcakes, etc.  Those sub-pages, which you ...

When you making a background for your Google Site make sure you use "Blank Slate" as your theme.  This is the only theme I know of that support transparency. First of all, take note of your header's height in 'Site Layout.'  If it is 125 pixels high, make a header that is exactly 125 pixels high. Here's a great tip for horizontal navigation: The horizontal navigation bar is 25 pixels high.  So, in this scenario where you have a 125 pixel header, create a background that incorporates your horizontal navigation bar starting at 125 to 160.  That will give you some space above and below your bar. If you don't want any space above and below make it snug 130 to 155. Click on and save this background and use on your website.  Just make sure your header height is 125px.   Here's what it looks like on your Google Site Here an example of a finished product using good background layout and design.

I have a youtube channel to which I am posting videos of how to use Google Sites to create your own professional looking free websites.  Here's a little introduction to my video. First of all, I wanted to start from the beginning of using Google Sites to create a website.  Anyone can build a website with Google Sites with a little know how and some guidance.  I have been making websites for many months now, selling them and giving them away.  I use Google Apps all the time, and what makes Google Sites great is that it's free!  You can reap 100% profit here, well besides buying a lil' domain name for $10 a year.  So, please join me on this tutorial for creating your site with tips and tricks from a web designer. Please subscribe to my youtube channel: www.youtube.com/user/kirksvillewebdesign if you want to be notified of my next upload!  Have fun.