Google Web Designer use tips website work arounds: December 2013

Thursday, December 19, 2013

Chef LeeZ How to merge a Google Web Designer - GWD - Banner Ad into a GWD HTML page.

Chef LeeZ has been told all along that you can't marry the HTML GWD page and an GWD ad but we've proven you can!

Here's the how we did it.

Use iframe code as follows and place your own ad URL in place of ours. We placed this code as the first set of codes immediately following the first <body> .

It's in two parts the first part is the position of the top left corner and width being the width of the ad.

2nd part is the iframe and its size. We don't want scroll bars so they are the same size. A smaller size in the iframe than in the position will result in scroll bars.

<body>
<div style="position:fixed;top:0px;left:50px;width:700px;background-color:white;" class="gwd-gen-wh8agwdanimation">
<iframe width="700" height="150" ;="" seamless="" src="http://www.cookingschoolsintl.com/kruzon/KrGwdHdr1/index.html"></iframe>
</div>

You can see it in action at http://kruzon.com

Sunday, December 8, 2013

Google Web Designer GWD hyperlinks not working - fix

Today we published our 4th Google Web Designer Html 5 WYSYWIG website. http://cookingschoolsintl.com This site presented us with a new bug/problem to figure out.

When saved, copied then pasted into related file on our host server this nav bar text box was editable on the web and did not act as hyperlinks. Notice the red code below as it was the problem.

<div class="gwd-div-okod editable" g_editable="true" role="textbox" contenteditable="true">

<div><span class="gwd-span-lxzu"><a href="http://cookingschoolsintl.com" style="color: rgb(255, 0, 0);">Home</a> / <a href="http://chefleez.com/Reserve.htm" target="_blank">Reserve</a> / <a href="http://chefleez.com/Reviews.htm" target="_blank">Reviews</a> / <a href="http://chefleez.com/Classes.htm" target="_blank">Classes-Courses</a> / <a href="http://chefleez.com/Recipes.htm" target="_blank">Free Recipes</a> / <a href="http://chefleez.com/Recipes.com" target="_blank">Free Tutorials</a></span>

</div>

The fix took hours to figure out as it was the first time it showed up in the 4 sites we have now published using GWD.

The fix is to be sure all containment boxes are outlined with a broken line before saving and copying and you will save yourself much frustration figuring out the reason the hyperlinks did not working was the containment box was still highlighted with a wide blue (editing mode) outline when saved and copied.

Tuesday, December 3, 2013

Google Web Designer GWD - SEO add tittle, description, keywords

When editng your HTML Google Web Designer GWD code you will need to add some SEO being a <Tittle> <description> <Keywords> to your pages. Chef LeeZ index page has the following code inserted in the code view.

<meta name="REVISIT-AFTER" content="http://chefleez.com/index.htm">
	<meta name="ROBOT" content="All">
	<meta name="RATING" content="general">
	<meta name="DISTRIBUTION" content="global">
	<meta name="LANGUAGE" content="EN">
	<meta name="ABSTRACT" content="Chef LeeZ Thailand culinary arts Thai cooking school Bangkok vegetarian,
	vegan and omnivore cooking courses, classes and lessons including fruit sculpture and vegetable carving">
	<meta name="description" content="Chef LeeZ Thai Cooking School, Cooking Class in Bangkok is Trip Advisor #1 school, class or course since 2011. ">
	<meta name="keywords" content="cooking class Bangkok, cooking class Thailand, cooking school Bangkok, cooking school Thailand, thai cooking Bangkok, thai cooking class, thai cooking school, class, cooking, school, bangkok, thai, thailand">
	<title>Chef LeeZ Thai Cooking School Bangkok, Thai Cooking Class in Bangkok, Thailand Culinary Arts, Fruit Sculpture Classes</title> Perhaps we ave more than is necessary.

Google Web Designer GWD - Interstitial not functioning on opening saved file

This is something unexpected .. today we opened a save interstitial site to rename the pages but we found the site content on the only page with content was all visible in design view but Preview showed a blank page. Changing the pages names may have had something to do with this as the new name of the page did not transfer to the code view. Without a search and replace function finding all the related pages of SameName may simply fail. Checking the saved images folder we found it empty as in no images. Where did they go?

Moving the content around on the page did not make it show on the preview nor did newly added content show in the preview.

The new set of test pages will be renamed as they are created before we add any content. Then the content will be added and saved and checked for whats there when reopened same day and the next day.

Sunday, December 1, 2013

Google web Designer - GWD - inserting an GWD created add

Our parent company Kruzon has created a two page website using Google Web Designer GWD and we created an GWD Add with hopes of using it as a page header ad both work 100% independently of each other. However merging the two using the insert code

<object data="http://www.cookingschoolsintl.com/kruzon/KrGwdHdr1/index.html" width="700" height="150" class="gwd-gen-tdxlgwdanimation gwd-object-bgqv"></object>

which supposedly inserts a whole web page which the Add is (as it creates an Index.html page that can't be renamed and still function) into an existing pages html code. Our test results in the original text set at 150 left and 150 from top to animate this text to move up to 150 left and 0 top then the add comes in from underneath making the whole page not readable. Attempts to set the location of the Add fails to save and it always comes in at 0 left and 0 top.

I believe I heard one of the videos (East Indian English making it extremely hard to understand) say you can't insert an add into a GWD HTML document. Why?

What it does tell us though is if you create your web site using the interstitial setting adding a named page for each page of your site the created add should be operable as a regular site. This is our next GWD project.

Google Web Designer - inserting a form

Chef LeeZ found no way to insert html code fragments except to go into the code view and look for the text ( no search option as yet) what you want to appear above your form and paste the forms code (provided by the form designer as in Pay Pal) into the code view.

When you return to the design view you will see the new container box which you can highlight and adjust the location by drag and position but better if you use the right had location settings.

We found Chef LeeZ Contact Us form insertion created a div box far off to the left of where the form appears on the page. It is so far off to the left that we had to assign it a -300 position get the form to sit where we wanted it to sit on the page.