SlideShare a Scribd company logo
1 of 24
Kursus Frog VLE dalam PdP
PANITIA BAHASA CINAPANITIA BAHASA CINA
21.5.201321.5.2013
Makmal Komputer SMKPMakmal Komputer SMKP
INSERT TEXT
INSERT TEXT
• STEP 1: Open Sites
• STEP 2: Click Quick Launch
• STEP 3: Click “Edit”
• STEP 4: Choose Widget – “Text”, drag Text
Widget and drop in the box
• STEP 5: Double click Widget
• STEP 6: Key in text in the text box appear at the
left hand side of the page.
• STEP 7: Save changes and exit (Click X).
INSERT PICTURE
INSERT PICTURE
• STEP 1: Open Sites
• STEP 2: Click Quick Launch
• STEP 3:Edit
• STEP 4: Choose Widget – “Media”, drag Media
Widget and drop in the box
• STEP 5: double click Widget
• STEP 6: Click “upload”, “choose file” (the picture
you want to upload) from you computer
• STEP 7: Wait until the green tick appear, click
“OK”
• STEP 8: Save changes and exit (Click X).
EMBEDED VIDEO
EMBEDED VIDEO/IMAGE
• STEP 1: Open Sites
• STEP 2: Click Quick Launch
• STEP 3:Edit
• STEP 4: Choose Widget – “Media”, drag Media
Widget and drop in the box
• STEP 5: double click Widget
EMBEDED VIDEO/IMAGE
• STEP 6: Click “GREEN BUTTON”,STEP 6: Click “GREEN BUTTON”,
• STEP 7: Choose “Video/Image” and key inSTEP 7: Choose “Video/Image” and key in
keywords and search for video/image you want.keywords and search for video/image you want.
For example:For example:
““A Letter Written in 2070”, “inspiration”……A Letter Written in 2070”, “inspiration”……
EMBEDED VIDEO/ IMAGE
• STEP 8: Choose among the video/image appear,STEP 8: Choose among the video/image appear,
and click “USE”,and click “USE”,
• STEP 9: Save Changes, and Exit (X)STEP 9: Save Changes, and Exit (X)
EMDEDED WEBSITE
EMBEDED WEBSITE
• Search for useful website online
(Key in key words and search in
google.com)
EMBEDED WEBSITE
• Choose useful website and copy URL
(Web Address)
EMBEDED WEBSITE
• Open Sites
• Edit
• Drag Widget – “Embed Website” and
drop in the box
• Double click widget
• Paste URL in the URL box
• Change height “300” to “700”
• Save Changes
• Exit
EMBED FILE (PPT, PDF
AND DOC) FROM
GOOGLE DRIVE
EMBED FILE FROM GOOGLE DRIVE
1. “QUICK LAUNCH”
2. Choose “EMAIL”
3. Choose “DRIVE”
4. Upload file (ppt@ pdf@ doc) from computer
5. After file already uploaded, click “share” and
choose “Open to those who have the link”, and
save
6. Copy URL
EMBED FILE FROM GOOGLE DRIVE
7. Open Sites
8. Click “Edit”
9. Drag Widget “Embed Website” and drop in the
box
10. Double click the widget and paste the URL in
the URL box
11. Change height “300” to “700” or other figure
12. Save changes and Exit
FILE FOR TEACHERS/STUDENTS
TO DOWNLOAD
- NO DISPLAY
FILES TO DOWNLOAD
1. QUICK LAUNCH
2. EDIT
3. Drag Widget “FILE UPLOAD” and drop in the
box
4. Save changes
5. Exit
FILE TO DOWNLOAD
6. Click upload, and upload file (Doc, ppt, pdf,
zip……)
HOW TO SHARE THE SITES WITH
OTHER
1. Click “SITES” at the upper left corner
1
HOW TO SHARE THE SITES WITH
OTHER
2. Click “Share” icon
2
HOW TO SHARE THE SITES WITH
OTHER
3. Add tags for
your sites,
one by one.
Don’t forget to
click “ADD” after
each tag
4. Click “next”
3
3
3
4
HOW TO SHARE THE SITES WITH
OTHER
5. Change
“private” to
“Public”,
6. Choose “View”
7. Key-in names
you want to
specially assign,
and choose
“contribute”
8.Click “Share”
5 6
7
8

More Related Content

What's hot

Student guide for creating a blog on www.wordpress.com
Student guide for creating a blog on www.wordpress.comStudent guide for creating a blog on www.wordpress.com
Student guide for creating a blog on www.wordpress.comSohail Siddiqi
 
Slideshare Directions
Slideshare DirectionsSlideshare Directions
Slideshare Directionswmsbierer
 
Embedding a Slideshare Document
Embedding a Slideshare DocumentEmbedding a Slideshare Document
Embedding a Slideshare Documentwmsbierer
 
Mychurch File Upload
Mychurch File UploadMychurch File Upload
Mychurch File UploadJoe Suh
 
Create google-sites by engineer and educator osama ghandour
Create google-sites by engineer and educator osama ghandourCreate google-sites by engineer and educator osama ghandour
Create google-sites by engineer and educator osama ghandourOsama Ghandour Geris
 
How to-add-power-point-presentations-to-blogger
How to-add-power-point-presentations-to-bloggerHow to-add-power-point-presentations-to-blogger
How to-add-power-point-presentations-to-bloggerMarco Gonçalves
 
How to-add-power-point-presentations-to-blogger-1203361791386071-4
How to-add-power-point-presentations-to-blogger-1203361791386071-4How to-add-power-point-presentations-to-blogger-1203361791386071-4
How to-add-power-point-presentations-to-blogger-1203361791386071-4Hui Chew
 
Workshop # 3 blogging 101
Workshop # 3   blogging 101 Workshop # 3   blogging 101
Workshop # 3 blogging 101 Sandra Markus
 
Walk Through The Wollemiwiki
Walk Through The WollemiwikiWalk Through The Wollemiwiki
Walk Through The WollemiwikiCarole McCulloch
 
Protocol for uploading samples to blog
Protocol for uploading samples to blogProtocol for uploading samples to blog
Protocol for uploading samples to blogAlberto Lanzat
 
How To Set Up Your Own Blog Using Wordpress
How To Set Up Your Own Blog Using WordpressHow To Set Up Your Own Blog Using Wordpress
How To Set Up Your Own Blog Using Wordpressmsrichards
 
How To Slideshare
How To SlideshareHow To Slideshare
How To Slidesharedalbergh
 
Teach 08 Slideshare
Teach 08 SlideshareTeach 08 Slideshare
Teach 08 Slidesharedorisvera
 
Classroom Blog Science Conf 09
Classroom Blog Science Conf 09Classroom Blog Science Conf 09
Classroom Blog Science Conf 09Darren Mosley
 

What's hot (19)

Student guide for creating a blog on www.wordpress.com
Student guide for creating a blog on www.wordpress.comStudent guide for creating a blog on www.wordpress.com
Student guide for creating a blog on www.wordpress.com
 
Slideshare Directions
Slideshare DirectionsSlideshare Directions
Slideshare Directions
 
Upload stuff on your webpage
Upload stuff on your webpageUpload stuff on your webpage
Upload stuff on your webpage
 
Embedding a Slideshare Document
Embedding a Slideshare DocumentEmbedding a Slideshare Document
Embedding a Slideshare Document
 
Mychurch File Upload
Mychurch File UploadMychurch File Upload
Mychurch File Upload
 
Create google-sites by engineer and educator osama ghandour
Create google-sites by engineer and educator osama ghandourCreate google-sites by engineer and educator osama ghandour
Create google-sites by engineer and educator osama ghandour
 
How to-add-power-point-presentations-to-blogger
How to-add-power-point-presentations-to-bloggerHow to-add-power-point-presentations-to-blogger
How to-add-power-point-presentations-to-blogger
 
How to-add-power-point-presentations-to-blogger-1203361791386071-4
How to-add-power-point-presentations-to-blogger-1203361791386071-4How to-add-power-point-presentations-to-blogger-1203361791386071-4
How to-add-power-point-presentations-to-blogger-1203361791386071-4
 
Blogs
Blogs Blogs
Blogs
 
Workshop # 3 blogging 101
Workshop # 3   blogging 101 Workshop # 3   blogging 101
Workshop # 3 blogging 101
 
Dbs-Week5-Class-Exercises
Dbs-Week5-Class-ExercisesDbs-Week5-Class-Exercises
Dbs-Week5-Class-Exercises
 
Walk Through The Wollemiwiki
Walk Through The WollemiwikiWalk Through The Wollemiwiki
Walk Through The Wollemiwiki
 
Protocol for uploading samples to blog
Protocol for uploading samples to blogProtocol for uploading samples to blog
Protocol for uploading samples to blog
 
Demo powerpoint
Demo powerpointDemo powerpoint
Demo powerpoint
 
How To Set Up Your Own Blog Using Wordpress
How To Set Up Your Own Blog Using WordpressHow To Set Up Your Own Blog Using Wordpress
How To Set Up Your Own Blog Using Wordpress
 
How To Slideshare
How To SlideshareHow To Slideshare
How To Slideshare
 
Guide to create your blog and uploading files.
Guide to create your blog and uploading files.Guide to create your blog and uploading files.
Guide to create your blog and uploading files.
 
Teach 08 Slideshare
Teach 08 SlideshareTeach 08 Slideshare
Teach 08 Slideshare
 
Classroom Blog Science Conf 09
Classroom Blog Science Conf 09Classroom Blog Science Conf 09
Classroom Blog Science Conf 09
 

Viewers also liked

Vle frog quiz tutorial
Vle frog quiz tutorialVle frog quiz tutorial
Vle frog quiz tutorialKamarul Arifin
 
MANUAL PENGGUNAAN FROG VLE DALAM PDP
MANUAL PENGGUNAAN FROG VLE DALAM PDPMANUAL PENGGUNAAN FROG VLE DALAM PDP
MANUAL PENGGUNAAN FROG VLE DALAM PDPramly5324
 
Tatacara upload power point & word document ke VLE FROG
Tatacara upload power point & word document ke VLE FROGTatacara upload power point & word document ke VLE FROG
Tatacara upload power point & word document ke VLE FROGaea2067
 
Cara membuka & menghantar assignment frog vle
Cara membuka & menghantar assignment frog vleCara membuka & menghantar assignment frog vle
Cara membuka & menghantar assignment frog vleafiqss
 
Google Drive dlm vle frog
Google Drive dlm vle frogGoogle Drive dlm vle frog
Google Drive dlm vle frogAzmi Muda
 
Asas bina site laman pembelajaran vle frog
Asas bina site laman pembelajaran vle frogAsas bina site laman pembelajaran vle frog
Asas bina site laman pembelajaran vle frogRoiamah Basri
 
Nota youtube ke vle frog
Nota youtube ke vle frogNota youtube ke vle frog
Nota youtube ke vle frogRoiamah Basri
 
教师的情绪管理
教师的情绪管理教师的情绪管理
教师的情绪管理EDNASERENE
 
Chapter 4 share
Chapter 4   shareChapter 4   share
Chapter 4 shareIra Raji
 
SOALAN MENGENAI ZOOM & FROG VLE
SOALAN MENGENAI ZOOM & FROG VLESOALAN MENGENAI ZOOM & FROG VLE
SOALAN MENGENAI ZOOM & FROG VLEMOHD AFIQ
 
Papan kenyataan 2017
Papan kenyataan 2017Papan kenyataan 2017
Papan kenyataan 2017afiqss
 
Youblisher.com 727966-widget vle-frog
Youblisher.com 727966-widget vle-frogYoublisher.com 727966-widget vle-frog
Youblisher.com 727966-widget vle-frog啸鸣 黃
 

Viewers also liked (20)

Vle frog quiz tutorial
Vle frog quiz tutorialVle frog quiz tutorial
Vle frog quiz tutorial
 
MANUAL PENGGUNAAN FROG VLE DALAM PDP
MANUAL PENGGUNAAN FROG VLE DALAM PDPMANUAL PENGGUNAAN FROG VLE DALAM PDP
MANUAL PENGGUNAAN FROG VLE DALAM PDP
 
Manual Panduan Membina Laman FROG VLE
Manual Panduan Membina Laman FROG VLEManual Panduan Membina Laman FROG VLE
Manual Panduan Membina Laman FROG VLE
 
Tatacara upload power point & word document ke VLE FROG
Tatacara upload power point & word document ke VLE FROGTatacara upload power point & word document ke VLE FROG
Tatacara upload power point & word document ke VLE FROG
 
Modul vle frog
Modul vle frogModul vle frog
Modul vle frog
 
Cara membuka & menghantar assignment frog vle
Cara membuka & menghantar assignment frog vleCara membuka & menghantar assignment frog vle
Cara membuka & menghantar assignment frog vle
 
LADAP FROG VLE FASA 2
LADAP FROG VLE FASA 2LADAP FROG VLE FASA 2
LADAP FROG VLE FASA 2
 
Google Drive dlm vle frog
Google Drive dlm vle frogGoogle Drive dlm vle frog
Google Drive dlm vle frog
 
KURSUS DALAMAN FROG VLE
KURSUS DALAMAN FROG VLEKURSUS DALAMAN FROG VLE
KURSUS DALAMAN FROG VLE
 
presentation bengkel vle untuk guru
presentation bengkel vle untuk gurupresentation bengkel vle untuk guru
presentation bengkel vle untuk guru
 
Asas bina site laman pembelajaran vle frog
Asas bina site laman pembelajaran vle frogAsas bina site laman pembelajaran vle frog
Asas bina site laman pembelajaran vle frog
 
Nota youtube ke vle frog
Nota youtube ke vle frogNota youtube ke vle frog
Nota youtube ke vle frog
 
教师的情绪管理
教师的情绪管理教师的情绪管理
教师的情绪管理
 
选择
选择选择
选择
 
Chapter 4 share
Chapter 4   shareChapter 4   share
Chapter 4 share
 
SOALAN MENGENAI ZOOM & FROG VLE
SOALAN MENGENAI ZOOM & FROG VLESOALAN MENGENAI ZOOM & FROG VLE
SOALAN MENGENAI ZOOM & FROG VLE
 
1BestariNet
1BestariNet1BestariNet
1BestariNet
 
Papan kenyataan 2017
Papan kenyataan 2017Papan kenyataan 2017
Papan kenyataan 2017
 
Youblisher.com 727966-widget vle-frog
Youblisher.com 727966-widget vle-frogYoublisher.com 727966-widget vle-frog
Youblisher.com 727966-widget vle-frog
 
Ytl cement berhad
Ytl cement berhadYtl cement berhad
Ytl cement berhad
 

Similar to Frog widget step by step

Getting coding in under a hour with Imagine Microsoft
Getting coding in under a hour with Imagine MicrosoftGetting coding in under a hour with Imagine Microsoft
Getting coding in under a hour with Imagine MicrosoftLee Stott
 
Project Management with WordPress & P2 - WordCamp Toronto 2013
Project Management with WordPress & P2 - WordCamp Toronto 2013Project Management with WordPress & P2 - WordCamp Toronto 2013
Project Management with WordPress & P2 - WordCamp Toronto 2013WPUniversity
 
Presentation microsoft office 2013 akshay
Presentation microsoft office 2013 akshayPresentation microsoft office 2013 akshay
Presentation microsoft office 2013 akshayAkshay Singh
 
Build Your First Android App Session #1
Build Your First Android App Session #1Build Your First Android App Session #1
Build Your First Android App Session #1Troy Miles
 
Quick Wins to Jump Start Your SharePoint Implementation - SPEngage Raleigh 2016
Quick Wins to Jump Start Your SharePoint Implementation - SPEngage Raleigh 2016Quick Wins to Jump Start Your SharePoint Implementation - SPEngage Raleigh 2016
Quick Wins to Jump Start Your SharePoint Implementation - SPEngage Raleigh 2016Jim Adcock
 
Nhs ultranet guide
Nhs ultranet guideNhs ultranet guide
Nhs ultranet guidethsieh
 
Moodle Moot Okinawa #365 'Tips for effective use of Moodle'
Moodle Moot Okinawa #365 'Tips for effective use of Moodle'Moodle Moot Okinawa #365 'Tips for effective use of Moodle'
Moodle Moot Okinawa #365 'Tips for effective use of Moodle'Takeshi Matsuzaki
 
Presentations quick guide for uploading rit symposium
Presentations quick guide for uploading rit symposiumPresentations quick guide for uploading rit symposium
Presentations quick guide for uploading rit symposiumRitinnovation
 
K 12 wiki-handout
K 12 wiki-handoutK 12 wiki-handout
K 12 wiki-handoutJustin Keel
 
Absolute Beginners Guide to Drupal
Absolute Beginners Guide to DrupalAbsolute Beginners Guide to Drupal
Absolute Beginners Guide to DrupalRod Martin
 
Std 12 Computer Chapter 3 Designing Simple Website using KompoZer
Std 12 Computer Chapter 3  Designing Simple Website using KompoZerStd 12 Computer Chapter 3  Designing Simple Website using KompoZer
Std 12 Computer Chapter 3 Designing Simple Website using KompoZerNuzhat Memon
 
Ten Bright Ideas for Accessibility - Brightspace Connections
Ten Bright Ideas for Accessibility - Brightspace ConnectionsTen Bright Ideas for Accessibility - Brightspace Connections
Ten Bright Ideas for Accessibility - Brightspace ConnectionsD2L Barry
 
Application of ict
Application of ictApplication of ict
Application of ictnisadimoen
 

Similar to Frog widget step by step (20)

Getting coding in under a hour with Imagine Microsoft
Getting coding in under a hour with Imagine MicrosoftGetting coding in under a hour with Imagine Microsoft
Getting coding in under a hour with Imagine Microsoft
 
Project Management with WordPress & P2 - WordCamp Toronto 2013
Project Management with WordPress & P2 - WordCamp Toronto 2013Project Management with WordPress & P2 - WordCamp Toronto 2013
Project Management with WordPress & P2 - WordCamp Toronto 2013
 
Exploring Visio
Exploring VisioExploring Visio
Exploring Visio
 
Slideshare
SlideshareSlideshare
Slideshare
 
Slideshare
SlideshareSlideshare
Slideshare
 
Presentation microsoft office 2013 akshay
Presentation microsoft office 2013 akshayPresentation microsoft office 2013 akshay
Presentation microsoft office 2013 akshay
 
Build Your First Android App Session #1
Build Your First Android App Session #1Build Your First Android App Session #1
Build Your First Android App Session #1
 
Quick Wins to Jump Start Your SharePoint Implementation - SPEngage Raleigh 2016
Quick Wins to Jump Start Your SharePoint Implementation - SPEngage Raleigh 2016Quick Wins to Jump Start Your SharePoint Implementation - SPEngage Raleigh 2016
Quick Wins to Jump Start Your SharePoint Implementation - SPEngage Raleigh 2016
 
Nhs ultranet guide
Nhs ultranet guideNhs ultranet guide
Nhs ultranet guide
 
Moodle Moot Okinawa #365 'Tips for effective use of Moodle'
Moodle Moot Okinawa #365 'Tips for effective use of Moodle'Moodle Moot Okinawa #365 'Tips for effective use of Moodle'
Moodle Moot Okinawa #365 'Tips for effective use of Moodle'
 
Sharepoint
SharepointSharepoint
Sharepoint
 
Sharepoint
SharepointSharepoint
Sharepoint
 
Sharepoint
SharepointSharepoint
Sharepoint
 
Creating a wiki.
Creating a wiki.Creating a wiki.
Creating a wiki.
 
Presentations quick guide for uploading rit symposium
Presentations quick guide for uploading rit symposiumPresentations quick guide for uploading rit symposium
Presentations quick guide for uploading rit symposium
 
K 12 wiki-handout
K 12 wiki-handoutK 12 wiki-handout
K 12 wiki-handout
 
Absolute Beginners Guide to Drupal
Absolute Beginners Guide to DrupalAbsolute Beginners Guide to Drupal
Absolute Beginners Guide to Drupal
 
Std 12 Computer Chapter 3 Designing Simple Website using KompoZer
Std 12 Computer Chapter 3  Designing Simple Website using KompoZerStd 12 Computer Chapter 3  Designing Simple Website using KompoZer
Std 12 Computer Chapter 3 Designing Simple Website using KompoZer
 
Ten Bright Ideas for Accessibility - Brightspace Connections
Ten Bright Ideas for Accessibility - Brightspace ConnectionsTen Bright Ideas for Accessibility - Brightspace Connections
Ten Bright Ideas for Accessibility - Brightspace Connections
 
Application of ict
Application of ictApplication of ict
Application of ict
 

More from EDNASERENE

中小学教材二次开发能力评价指标体系的构建
中小学教材二次开发能力评价指标体系的构建中小学教材二次开发能力评价指标体系的构建
中小学教材二次开发能力评价指标体系的构建EDNASERENE
 
学习障碍类型
学习障碍类型 学习障碍类型
学习障碍类型 EDNASERENE
 
学习障碍的儿童
学习障碍的儿童 学习障碍的儿童
学习障碍的儿童 EDNASERENE
 
第一组(名句1 10)
第一组(名句1 10)第一组(名句1 10)
第一组(名句1 10)EDNASERENE
 
人體養生抗衰老的五個黃金點
人體養生抗衰老的五個黃金點人體養生抗衰老的五個黃金點
人體養生抗衰老的五個黃金點EDNASERENE
 
古典诗词常见意象
古典诗词常见意象古典诗词常见意象
古典诗词常见意象EDNASERENE
 
概述缇萦救父的经过
概述缇萦救父的经过概述缇萦救父的经过
概述缇萦救父的经过EDNASERENE
 
中四半年考应用文改写概述
中四半年考应用文改写概述中四半年考应用文改写概述
中四半年考应用文改写概述EDNASERENE
 
Spm作文(自由题)
Spm作文(自由题)Spm作文(自由题)
Spm作文(自由题)EDNASERENE
 
应用文 (公函)
应用文 (公函)应用文 (公函)
应用文 (公函)EDNASERENE
 
心中的佛光
心中的佛光心中的佛光
心中的佛光EDNASERENE
 
心中的佛光
心中的佛光心中的佛光
心中的佛光EDNASERENE
 
阿伯的忘忧水
阿伯的忘忧水阿伯的忘忧水
阿伯的忘忧水EDNASERENE
 
Rounded Table (Mind Map)
Rounded Table (Mind Map)Rounded Table (Mind Map)
Rounded Table (Mind Map)EDNASERENE
 

More from EDNASERENE (20)

中小学教材二次开发能力评价指标体系的构建
中小学教材二次开发能力评价指标体系的构建中小学教材二次开发能力评价指标体系的构建
中小学教材二次开发能力评价指标体系的构建
 
学习障碍类型
学习障碍类型 学习障碍类型
学习障碍类型
 
学习障碍的儿童
学习障碍的儿童 学习障碍的儿童
学习障碍的儿童
 
第一组(名句1 10)
第一组(名句1 10)第一组(名句1 10)
第一组(名句1 10)
 
自杀案件
自杀案件自杀案件
自杀案件
 
人體養生抗衰老的五個黃金點
人體養生抗衰老的五個黃金點人體養生抗衰老的五個黃金點
人體養生抗衰老的五個黃金點
 
古典诗词常见意象
古典诗词常见意象古典诗词常见意象
古典诗词常见意象
 
概述
概述概述
概述
 
概述缇萦救父的经过
概述缇萦救父的经过概述缇萦救父的经过
概述缇萦救父的经过
 
中四半年考应用文改写概述
中四半年考应用文改写概述中四半年考应用文改写概述
中四半年考应用文改写概述
 
Spm作文(自由题)
Spm作文(自由题)Spm作文(自由题)
Spm作文(自由题)
 
应用文 (公函)
应用文 (公函)应用文 (公函)
应用文 (公函)
 
心中的佛光
心中的佛光心中的佛光
心中的佛光
 
心中的佛光
心中的佛光心中的佛光
心中的佛光
 
Attitude
AttitudeAttitude
Attitude
 
阿伯的忘忧水
阿伯的忘忧水阿伯的忘忧水
阿伯的忘忧水
 
阿虫语录
阿虫语录阿虫语录
阿虫语录
 
Rounded Table (Mind Map)
Rounded Table (Mind Map)Rounded Table (Mind Map)
Rounded Table (Mind Map)
 
Induction set
Induction setInduction set
Induction set
 
Induction set
Induction setInduction set
Induction set
 

Frog widget step by step

  • 1. Kursus Frog VLE dalam PdP PANITIA BAHASA CINAPANITIA BAHASA CINA 21.5.201321.5.2013 Makmal Komputer SMKPMakmal Komputer SMKP
  • 2.
  • 4. INSERT TEXT • STEP 1: Open Sites • STEP 2: Click Quick Launch • STEP 3: Click “Edit” • STEP 4: Choose Widget – “Text”, drag Text Widget and drop in the box • STEP 5: Double click Widget • STEP 6: Key in text in the text box appear at the left hand side of the page. • STEP 7: Save changes and exit (Click X).
  • 6. INSERT PICTURE • STEP 1: Open Sites • STEP 2: Click Quick Launch • STEP 3:Edit • STEP 4: Choose Widget – “Media”, drag Media Widget and drop in the box • STEP 5: double click Widget • STEP 6: Click “upload”, “choose file” (the picture you want to upload) from you computer • STEP 7: Wait until the green tick appear, click “OK” • STEP 8: Save changes and exit (Click X).
  • 8. EMBEDED VIDEO/IMAGE • STEP 1: Open Sites • STEP 2: Click Quick Launch • STEP 3:Edit • STEP 4: Choose Widget – “Media”, drag Media Widget and drop in the box • STEP 5: double click Widget
  • 9. EMBEDED VIDEO/IMAGE • STEP 6: Click “GREEN BUTTON”,STEP 6: Click “GREEN BUTTON”, • STEP 7: Choose “Video/Image” and key inSTEP 7: Choose “Video/Image” and key in keywords and search for video/image you want.keywords and search for video/image you want. For example:For example: ““A Letter Written in 2070”, “inspiration”……A Letter Written in 2070”, “inspiration”……
  • 10. EMBEDED VIDEO/ IMAGE • STEP 8: Choose among the video/image appear,STEP 8: Choose among the video/image appear, and click “USE”,and click “USE”, • STEP 9: Save Changes, and Exit (X)STEP 9: Save Changes, and Exit (X)
  • 12. EMBEDED WEBSITE • Search for useful website online (Key in key words and search in google.com)
  • 13. EMBEDED WEBSITE • Choose useful website and copy URL (Web Address)
  • 14. EMBEDED WEBSITE • Open Sites • Edit • Drag Widget – “Embed Website” and drop in the box • Double click widget • Paste URL in the URL box • Change height “300” to “700” • Save Changes • Exit
  • 15. EMBED FILE (PPT, PDF AND DOC) FROM GOOGLE DRIVE
  • 16. EMBED FILE FROM GOOGLE DRIVE 1. “QUICK LAUNCH” 2. Choose “EMAIL” 3. Choose “DRIVE” 4. Upload file (ppt@ pdf@ doc) from computer 5. After file already uploaded, click “share” and choose “Open to those who have the link”, and save 6. Copy URL
  • 17. EMBED FILE FROM GOOGLE DRIVE 7. Open Sites 8. Click “Edit” 9. Drag Widget “Embed Website” and drop in the box 10. Double click the widget and paste the URL in the URL box 11. Change height “300” to “700” or other figure 12. Save changes and Exit
  • 18. FILE FOR TEACHERS/STUDENTS TO DOWNLOAD - NO DISPLAY
  • 19. FILES TO DOWNLOAD 1. QUICK LAUNCH 2. EDIT 3. Drag Widget “FILE UPLOAD” and drop in the box 4. Save changes 5. Exit
  • 20. FILE TO DOWNLOAD 6. Click upload, and upload file (Doc, ppt, pdf, zip……)
  • 21. HOW TO SHARE THE SITES WITH OTHER 1. Click “SITES” at the upper left corner 1
  • 22. HOW TO SHARE THE SITES WITH OTHER 2. Click “Share” icon 2
  • 23. HOW TO SHARE THE SITES WITH OTHER 3. Add tags for your sites, one by one. Don’t forget to click “ADD” after each tag 4. Click “next” 3 3 3 4
  • 24. HOW TO SHARE THE SITES WITH OTHER 5. Change “private” to “Public”, 6. Choose “View” 7. Key-in names you want to specially assign, and choose “contribute” 8.Click “Share” 5 6 7 8