5 steps to creating clean, beautiful websites using #Google Sites #GAFE #BISDwired

You REALLY can create clean, beautiful websites using Google Sites.  I promise!  It can be done!  When most people think of Google Sites, they picture an 80's version of a website with sidebar navigation and bad font packages.  But that's not how it HAS to be!  These easy tips will have you creating stunning Google Sites in no time!

1.  Start with a clean slate.  I always use a blank template and I always choose the default Ski theme.  I think it's the cleanest theme and will give you a nice, blank canvas to build your site.

2.  Ditch the sidebar navigation.  I think horizontal navigation is a more modern look for your website.  The downside to this is that you will have to manually add newly created pages to your horizontal navigation.  (Sidebar navigation automatically creates that navigation tree for you.)

3. Create a custom header.  I use a Chrome Extension called Page Ruler to get dimensions of my header area and then I use Google Drawing to create my graphic.  I re-size my Google Drawing canvas based on what I measured using Page Ruler (sometimes have to reduce width) and then layer elements until it's just right.  Then I download the graphic as a .png and insert it as my site header.

4.  Clean it up.  There are a few tweaks you can make to really clean up your site and make it look polished.  The first thing I do is turn off the site name at the top of the page.  Then, I remove the search function which is currently showing up over my header.  Last, I remove the background color on the whole page.  All of this is done in "Manage Site."

5. Configure the horizontal navigation.  In step 2 I shared that you have to manually add new pages to horizontal navigation.  While this is a small inconvenience, I think it's worth it to have a modern-looking site navigation system.  You can add existing new pages to your horizontal navigation under "Site Layout."  I am also a fan of centering the horizontal navigation instead of leaving it left justified.  This can be done under "Manage Site" in the Themes, Colors and Fonts tab.

BONUS TIP!  Adjust your page settings to create a cleaner, simpler page layout.  I like to remove the page name from the top of the page and also disable commenting and attachments.

If you need additional help or have additional questions, feel free to contact me!  Coming soon ... YouTube playlist with the above Google Sites tips!  :)


  1. Thanks JJohn. This is a great little tutorial. I honestly ever thought about measuring my empty header space for creating a custom header. #genius

    1. Awww! Thanks, pal! Glad it was useful! #togetherwerebetter :)

  2. I just want to say thanks for your wonderful post, it is contain a lot of knowledge and information that i needed right now. You really help me out my friend, thanks ! For more information about friv game, visit
    friv games 4
    friv 6 jogos
    friv 5 games
    friv 10

  3. Thanks Mr.! That bit of information in regards to using google sites to create a custom, beautiful and professional website was information worth exploring. The step by step directions on how to do it your self, was simple and very understanding, which made it possible for even those individuals who have absolutely no experience in creating a website to create one with simplicity. Thanks again!

    Zack @ MyNetWire

  4. Google sites is an easy-to-use service for creating a website, but making it look clean and professional is not always easy to do. This tutorial is perfect for learning how to make your website look top notch while still making it easy manage. In addition, the advice on creating a custom header is very smart because it will help draw in the visitor and get them interested.

    Andrea Hart @ LeetWeb

  5. Google sites is a super powerful tool, especially if you know what you’re doing. You’re right – using a blank template allows for a greater degree of customization, and makes the site look much more professional than simply using a template. This is a great guide, and one that I’ll have to recommend to anyone asking me about website creation.

    Kendra Scott @ Business Online Presence

  6. This comment has been removed by the author.

  7. شركة تنظيف منازل بالدمام
    مع شركة المنزل افضل شركة تنظيف منازل بالدمام مضمونه و رخيصة كما انها امنه باستخدام انسب و احدث
    الوسائل العلمية بافضل اساليب حديثة
    و مستوردة كالبُخار المميز عن طريق فريق عمالة متخصص
    مع افضل شركة نظافة عامة بالدمام و افضل شركة غسيل كنب بالدمام
    باعلى مستوى من التطور مع افضل شركات النظافة العامة بالدمام
    تواصل الان للمزيد
    شركة غسيل كنب بالدمام


  8. شركة تنظيف كنب بالمدينة المنورة رخيصة

    مع شرگة آلنسر آلذهپى افضل شركة تنظيف كنب بالمدينة المنورة رخيصة ..
    بآفضل عمآلة متدرپة متخصصة و على دراية بكل الطرف السلمية الحديثة للنظافة ..
    مع افضل شركة نظافة عامة بالمدينة المنورة و شركة غسيل موكيت بالمدينة المنورة مضمونه
    بالاسعار المناسبة للكل
    فقط توآصل آلآن
    شركة غسيل موكيت بالمدينة المنورة


  9. تعلن كبري شركة مظلات اي انها تعمل علي توفير الكثير من خدمات الكبري والمميزة من كبري شركات مظلات مسابح المصنوعه من سواتر خشبية العالمية وهنا توفر لكم هناجر للبيع افضل الانواع العالمية التي تستخدم في بيوت شعر للبيع للبيع الكبري والمميزة

  10. احصلوا الان علي افضل خدمات مميزة في تنظيف خزانات مكة المكرمة اي انهم يعملون علي توفير الكثير من خدمات الكبري من اكبر شركة تنظيف كنب بالبخار مكة حيث انهم يعملون علي توفير الكثير من خدمات الكبري والمميزة والان يمكنكم التواصل مع الكثير من خدمات العامة في شركة تنظيف منازل مكة وتوفر لكم افضل شركة جلي بلاط مكة المكرمة واحصلوا الان علي افضل خدمات في ابادة الحشرات من خلال شركة حشرات الارضة مكة المكرمة


Post a Comment