Showing posts with label Technology Tutorials. Show all posts
Showing posts with label Technology Tutorials. Show all posts

Tuesday, July 14, 2015

How to create a contact form in Google Sites

Recently I've been building my webiste with Google Site and explored about how to create a contact form.

How to create a contact form for viewers to leave you messages in Google Sites?
This can be done with Google Form and Google Sheets.

Here are the steps:

1. Log into your Google Drive, click "New", then select Google Form.





2. When you create a Google Form, name it as, eg. "Contact me". A Google Sheet with name "Contact me (Response)" will automatically be created. This Google Sheet is connected with the Google Form to collect the messages from viewers. You can also change the theme of your Google Form.



(You may view tutorials on how to create a Google Form if you need more specific instructions)


3. After you create the Google Form, click "File", select "Embed", then copy the code.
4. Create a page named Contact in your Google Site. Click the little Pencil to edit it. Click "<html>", paste the code, click "Save". Now you can see a contact form in your Google Site.

5. Log into your Google Drive and open the Google Sheet "Contact me (Response)" . Click "Tools" and select "Notification rules", then you can choose when to receive emails for message notifications.

Monday, July 13, 2015

How to embed Voki and GoAnimate videos into Google sites

At the beginning, I copied the code from a voki video and pasted it directly after I clicked the <html> of the page in my google site. However, the voki video won't show. I searched online but didn't find a good solution. I subconsciously changed all the http in the codes into https, and it worked! Now I can see the voki video embeded in my google sites. This method also works for the GoAnimate videos. Hope this will be helpful for others.

Thursday, June 4, 2015

Blogger: How to edit Blog Title, Post Title, Header, and number of posts displayed

It took me a while to figure out how to change the color and font of the blog title, post title, and header of Blogger. Here are the steps:
1. Log into your blog. Click the "Design" on the right corner.

2. Click "Customize".

3. Click "Advanced". Then you can edit format of the page text, backgrounds, links, blog title, etc.


To edit the header of the blog, click "Design" on the up-right corner, then click Layout, and click "Edit" under the Header. Now you will be able to add your blog title, blog description, and upload an image.



To change the number of posts displayed on blogger,