1. Use the More button then Edit site layout (or the keyboard shortcut Shift+L)
   The previous editor, SIte Layout in Manage Site, no longer exists
2. The four large buttons at the top of the site layout editor (Header, Horizontal Navigation, Sidebar and Custom Footer) allow you to enable or disable (display or hide) that part of the site: clicking these buttons will make that part of the site appear or disappear, clicking those buttons will not open the editor for those site sections: you need to click on the area of the site layout you wish to edit - see instructions below.
3. When you finish making any site layout edits use the blue Close button to return to your site.

Edit Site Width

Edit Site Header

1. Use the More button then Edit site layout (or the keyboard shortcut Shift+L)
2. Hover your mouse over your header and the header should become highlighted a light blue colour and a black tag that says Edit site header will appear.
3. Click anywhere on the highlighted header area and the Configure site header dialogue box will appear.
4. In Configure site header you can choose to alter:
• Height - use theme default value, use logo size or set your own height in pixels;
• Alignment
• Vertical either theme default, top middle or bottom;
• Horizontal standard (either left if you use a left-to-right language or right if you use a right-to-left language) or centre;
• Select logo - No logo, Domain Default (if you use Google Apps) or you can upload a Custom Logo in the Attach file section.
5. When you finish editing your site header use the OK button to return to the site layout editor and your changes will appear immediately.

Edit Horizontal Navigation

1. Use the More button then Edit site layout (or the keyboard shortcut Shift+L)
2. Hover your mouse over your horizontal navigation and the horizontal navigation should become highlighted a light blue colour and a black tag that says Edit horizontal navigation will appear.
3. Click anywhere on the highlighted horizontal navigation area and the Configure navigation dialogue box will appear.
4. For detailed instructions on how to edit your horizontal navigation and drop-down menus see Google Sites - Horizontal Navigation with drop-down Menus
5. When you finish editing your horizontal navigation use the OK button to return to the site layout editor and your changes will appear immediately.

Edit Sidebar width and position

1. Use the More button then Edit site layout (or the keyboard shortcut Shift+L)
2. Above your sidebar a black box will appear with Sidebar written in and a Edit button (looks like a pencil) and an Add button (looks like a plus symbol).
3. Use the Edit (pencil) button to open the Edit sidebar dialogue box.
4. In Edit sidebar you can choose to alter:
• Display - place your sidebar either on the left or on the right
• Width - enter a value in pixels (just the number no "px")
5. When you finish editing your sidebar use the OK button to return to the site layout editor and your changes will appear immediately.

Edit Sidebar Items: Vertical Navigation; +1 button; Text boxes; Countdowns; or AdSense

1. Use the More button then Edit site layout (or the keyboard shortcut Shift+L)
2. Hover your mouse over the sidebar item and it should become highlighted a light blue colour and a black tag that says Edit sidebar item will appear
3. Click on the sidebar item you wish to edit and its dialogue box will appear. 
4. When you finish editing your sidebar item use the OK button to return to the site layout editor and your changes will appear immediately.

Edit your Custom Footer

1. Use the More button then Edit site layout (or the keyboard shortcut Shift+L)
2. Hover your mouse over your custom footer and the custom footer should become highlighted a light blue colour and a black tag that says Edit custom footer.
3. Click anywhere on the highlighted custom footer area and the Edit site footer dialogue box will appear.
4. When you finish editing your custom footer use the OK button to return to the site layout editor and your changes will appear immediately.

Feedback

Edit Site Layout - Enable/Disable Buttons and Site Width

Configure Site Header

Configure Navigation

Edit Sidebar Width and Position

Edit Sidebar Item

Edit Custom Footer

1. Open a Google Sheet (Google Drive Spreadsheet), or make a new one, and on the first row define titles for each column.
2. On the second row of your Google Sheet add filters you want to display in the table.
3. Share the Google Sheet with those who need to see it.  If you want to add the table to a public site make sure you share the sheet as either Anyone with the link or Public.  If you do not want the public to see the table just share with the people who you want to see it.
4. Go to your site and edit the page where you want the gadget to appear
5. Use the Insert menu, then More Gadgets... and then use the Add by URL link
6. In the Add gadget by URL box enter this url http://goo.gl/ZmMP7
7. Add the minimum required information needed for the gadget to work:
• Spreadsheet key - the long set of numbers and letters Google Drive gives to your specific spreadsheet
• Spreadsheet name - the name of the sheet in your spreadsheet you want to get the data from
• Spreadsheet range - the cell range from the spreadsheet where the data lives, including the title and filter rows.
• Number of items to display - how many rows you initially want to appear on the table, the rest will display on separate pages.
8. If you want to use this gadget to track file downloads you can do this by:
• In one of the cells in your spreadsheet add a column to add the HTML to link to the file and track downloads, e.g.
  
  
  <a href="URL-to-your-file" onclick="_gaq.push(['_trackPageview', 'URL-to-track'])">Link Text</a>
  
  Where URL-to-your-file is the full web address of the file you want your viewers to download (e.g. a file uploaded to your site or in Google Drive) and URL-to-track is the partial URL you want to appear recorded in Google Analytics: for example you want your viewers to download http://www.example.com/files/download.zip so make this 
  URL-to-your-file and make 
  URL-to-track /files/download.zip
  
  
  <a href="http://www.example.com/files/download.zip" onclick="_gaq.push(['_trackPageview', '/files/download.zip'])">Link Text</a>
  
  
• In the gadget make sure you specify your Google Analytics Tracking ID in the Google Analytics tracking code box.
9. Choose how you want the table to appear by setting the Width, Height and whether you want a title and border.
10. Use the OK button to add the gadget to the page and the Save button to save the page and display your page with the table. 

1. Sign in to your Google Site

2. Navigate to the page you want to add the description to

3. Use the More button then Page settings

4. Add your description to the Page description box in the Page Settings dialogue box and use the Save button.

That's it, you're done.

Availability

You can get this feature now on stand-alone/consumer/personal Google Sites and Google Apps domains with the Rapid Release track enabled.

Page Description - Page Settings

Google Docs - Publish to the web

1. Navigate to the page where you want to add the HTML, CSS or JavaScript.

2. Use the Insert menu, then HTML Box.

3. Once the Insert HTML Box editor appears add the code you want to use.

4. Google Sites checks the code, while you edit, for errors and will not add the code to the page until correct.

5. Once finished use the Save button on the Insert HTML Box.

6. Use the Save button to save the page and view the page with your new code.

Notes

1. Insert a HTML Box as described above in steps 1 to 3

2. Copy and paste the code below to make a Site Search box (make sure you add the full site URL to the action attribute)

   <form id="sites-searchbox-form" action="[SiteURL]/system/app/pages/search">
  <input type="hidden" id="sites-searchbox-scope" name="scope" value="search-site" />
  <input type="text" id="jot-ui-searchInput" name="q" size="20" value="" aria-label="Search this site" autocomplete="off" />
  <input type="submit" id="sites-searchbox-search-button" class="goog-inline-block jfk-button jfk-button-standard" tabindex="0" value="Search this site" />
</form>

3. Use the Save button on the Insert HTML Box.

4. Use the Save button to save the page and view the code.

You will see a search box that looks just like the site search box, a working example follows (remember this is not a gadget and is on the page).

Working Site Search Box

Insert HTML Box - Empty

Insert HTML Box - Unacceptable Code

1. Use the More button (or keyboard short cut m)

2. Choose Report an issue

3. Type a Brief description of the issue and use the Next button

4. If appropriate Highlight the areas of the site that are causing an issue.  Some areas will highlight as you hover the mouse over them, then just click, and some you will need to click and drag the mouse to highlight.  You can select multiple areas to highlight, just click on each one, or click and drag across a large area to include it all.

5. If necessary Blackout any personal or private information you do not want to share.  If you make a mistake, where you highlight or blackout too much, move your mouse over the top right corner of the area and the delete button appears (an X in a box): use this button and the highlight or blackout will disappear.

6. When ready use the Next button and the feedback preview appears.

7. If you feel the feedback says what you want use the Submit button and after a short period a confirmation will appear.

8. Use the OK button to dismiss the confirmation and return to your site.

Notes

This is one-way feedback: do not expect a reply from Google but when you use report an issue it gives Google the feedback on Google Sites all in one place, so they can see easily what major issues exist. 

If you need to find out how to solve a problem, or for day-to-day advice on Google Sites use, please post a question in the Google Sites Help Forum.

Screen Shots

(click for larger images)

More - Report an issue

Google Feedback - Brief Description

Google Feedback - Highlight and Blackout

Google Feedback - Preview