Google Sites Tutorial - Horizontal Navigation and Drop Down Boxes

By -
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 designate in Manage Site > Site Layout > Change Layout > Horizontal Navigation using the left and right arrows, are a nice option for less cluttered navigation.

For examples of horizontal navigation checkout: www.kirksvillehousingauthority.com, or www.pancakecitykirksville.com.

For a walkthrough watch this video below.

For more information Google has posted about this as well: http://googledocs.blogspot.com/2010/10/tips-tricks-making-most-of-your-sidebar.html




Comments

  1. MarekSeptember 19, 2012 at 11:46 AM

    Hi!
    Thanks a lot for your realy good job making this and other your tuts.
    I wander and lookig for last days for solution to make a menu with image as a link in it.
    Could you please make some tut for this ;) ?
    Thans in advance.

    ReplyDelete
  2. Web DesignerMarch 13, 2013 at 2:35 AM

    Nice work with good ideas and concepts, lots of great information which we all need, helpful iformation. I would like to thank you for the efforts you shown remarkble writing skill in this article.

    ReplyDelete

Post a Comment

Popular posts from this blog

Tip - Using Social Media Buttons

By -
Image
Hey, I'm Web Princess aka Beckystar and welcome to my first blog, thank you Kyle for having me! Using social media buttons to share your site or content is easy and expected by your visitors. Social buttons or icons facilitate the sharing of your site, content or blog and are now a linchpin of social media. It’s not enough to simply produce content these days. Your fans (hooray for them!) want a gizmo (I prefer gizmo to gadget) in place to allow them to share what they have read or seen with their family, friends and colleagues on Facebook, Twitter etc. Lucky for us there are some great tools out there. Next I have featured my top 3. 1. AddThis is my favourite. All you have to do is join, and it's free! However it does not work on google sites. All is not lost as good news! The amazing guys at AddThis have provided us with a google sites gadget. Go to your site, hit edit page and place your cursor where you want your social media buttons. Click on insert then more gadgets, in
Read more

RSS Feed for Google Sites!

By -
Image
A Reliable Gadget for Embedding your Feeds I was struggling just weeks ago trying to create a RSS feed that looked decent and accomplished what should be a simple task. This minor update caught me by surprise and I am happy to see it. I was using FeedWind to accomplish a RSS feed through an iframe, that means my html was hosted with a third-party and embedded onto the webpage via Mori79's iframe gadget (search iframe under public gadgets and it is the first one). The Slideshow Option. Not terribly useful, but nice. Anyways, no more iframes, just a customizable, easy to use Google-endorsed gadget. We at Kirksville Web Design have already fully tested out this gadget including the interesting display feature, slideshow. The slideshow only shows the title as a link and a thumbnail. It's not the most useful or aesthetically pleasing, but I'm all for options here. No Transparency Allowed on Hexcode for bg color. Here's the original post below. Enjoy! Better
Read more

New Google Sites Templates for 2023

By -
Image
So, it might have been several years since I've made a new post on this blog, but that doesn't mean that I've stopped working on Google Sites. This month specifically I have poured hours into designing premium Google Sites templates that go above and beyond the standard offering of Free Google Sites templates . I've enjoyed crafting these themes, utilizing all the new tools available to me on the platform.  Here are some quick screenshots, but if you want to explore the full templates, come on over to my website. 
Read more