106
HOW TO CREATE A QUICK RESPONSIVE WEBSITES USING WEEBLY Donn The Virtual Phenom donnvbautista.com

How to create a quick responsive websites using weebly - Donn the Virtual Phenom

Embed Size (px)

Citation preview

Page 1: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

HOW TO CREATE A QUICK RESPONSIVE WEBSITES

USING WEEBLY

Donn The Virtual Phenom donnvbautista.com

Page 2: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

OPEN YOUR BROWSWER

Donn The Virtual Phenom donnvbautista.com

Page 3: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK THE START BUTTON

Page 4: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CHOOSE GOOGLE CHROME

Page 5: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

NOW, SEARCH FOR WEEBLY

Page 6: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

LOOK FOR THE ADDRESS BAR

Page 7: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

TYPE DOWN WEEBLY ON THE ADDRESS BAR

Page 8: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK ON THE FIRST SUGGESTION

Page 9: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

YOU’LL ARRIVE ON THIS WEBSITE

Page 10: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THAT’S A GREAT START!

Page 11: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

TO START, CLICK GET STARTED

Page 12: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

YOU’LL ARRIVE ON THIS SIGN-UP FORM

Page 13: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

HOW TO SIGN-UP?

Page 14: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

TYPE IN YOUR FULL NAME HERE

Page 15: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, YOU’RE E-MAIL ADDRESS

Page 16: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

NEXT, YOUR PASSWORD

Page 17: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

TO COMPLETE THE PROCESS, CLICK SIGN UP

Page 18: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THIS IS AN EXAMPLE

Page 19: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

YOU’LL ARRIVE ON THIS PAGE

Page 20: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

WOW! GOOD JOB!

Page 21: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

IN THIS TUTORIAL, WE WILL USE BLOG

Page 22: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK THE “BLOG” AREA

Page 23: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

LETS CHOOSE A THEME FOR A WEBSITES

Page 24: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

IF YOU WANT TO SEE OTHER THEMES,

Page 25: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

JUST SCROLL DOWN

Page 26: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

WANT TO VIEW MORE THEMES? CLICK HERE

Page 27: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

I WILL CHOOSE THIS THEME FOR THIS TUTORIAL

Page 28: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

YOU’LL ARRIVE ON THIS PAGE

Page 29: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

LETS START EDITING OUR WEBSITE

Page 30: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK START EDITING

Page 31: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

YOU’LL ARRIVE ON THIS PAGE

Page 32: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

LETS CREATE OUR WEBSITE DOMAIN

Page 33: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK ON DOMAIN NAME FIELD

Page 34: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

TYPE IN THE NAME OF YOUR WEBSITE

Page 35: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CONFIRMED, IT’S AVAILABLE

Page 36: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK CONTINUE

Page 37: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

YOU’LL ARRIVE ON THIS PAGE

Page 38: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THIS IS YOUR EDITING DASHBOARD

Page 39: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THIS IS YOUR WEBSITE

Page 40: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

NOW, DELETE THE TITLE AND ITS CONTENT

Page 41: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, CLICK DELETE

Page 42: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

TO CHANGE THE TITLE, CLICK HERE

Page 43: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, HOLD IT WITH YOUR LEFT CLICK

Page 44: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

AND DRAG IT TO THE TITLE AREA

Page 45: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, TYPE IN THE TITLE HERE

Page 46: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

HOW TO ADD TEXT ON YOUR WEBSITE

Page 47: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK AND HOLD THE TEXT BUTTON

Page 48: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

DRAG IT ON THE CENTER

Page 49: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

NOW, EDIT YOUR TEXT

Page 50: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

ADD IMAGE ON YOUR WEBSITE

Page 51: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK & HOLD THE IMAGE BUTTON

Page 52: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, DRAG IT ON AREA YOU WANT

Page 53: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

NOW, UPLOAD YOUR IMAGE

Page 54: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CHOOSE THE FILE FROM YOUR COMPUTER

Page 55: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CHOOSE THE IMAGE

Page 56: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, CLICK OPEN

Page 57: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CHANGE THE NAME OF YOUR SITE

Page 58: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK ON MY SITE

Page 59: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

YOU CAN EITHER CHOOSE TEXT OR LOGO

Page 60: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

TYPE DOWN THE TITLE OF YOUR SITE

Page 61: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

LETS PUT INFORMATION ON YOUR WEBSITE

Page 62: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

EDIT THE AUTHOR AREA ON LOWER PART

Page 63: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

NOW, CLICK ON THIS AREA TO EDIT

Page 64: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

TYPE IN YOUR NAME AND ABOUT YOURSELF

Page 65: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

HOW TO ADD POST IN YOUR WEBSITE

Page 66: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK ON THE NEW POST

Page 67: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

SCROLL DOWN TO SEE THE POST

Page 68: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

TYPE IN YOUR TITLE

Page 69: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, ADD TEXT

Page 70: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK AND HOLD THE ADD TEXT BUTTON

Page 71: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, DRAG IT ON THE BOTTOM OF TITLE

Page 72: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, TYPE IN YOUR DESCRIPTION

Page 73: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

IF YOURE DONE, CLICK POST!

Page 74: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THAT’S THE CONFIRMATION

Page 75: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

HOW TO MANAGE YOUR PAGE?

Page 76: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK ON PAGES

Page 77: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK THE + SIGN TO ADD PAGE

Page 78: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

YOU CAN CHOOSE IN THE FOUR OPTIONS

Page 79: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

LETS CHOOSE STANDARD PAGE

Page 80: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

TYPE IN YOUR PAGE NAME

Page 81: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

PUT SOME INFORMATION ON YOUR PAGE

Page 82: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, CLICK DONE

Page 83: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

HOW TO DELETE SOME PAGES

Page 84: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK ON THE PAGE

Page 85: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, CLICK DELETE

Page 86: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK DELETE TO CONFIRM

Page 87: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

HOW TO CHANGE YOUR

THEMES & FONTS

Page 88: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK ON THE THEME

Page 89: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CHANGE YOUR THEME HERE

Page 90: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, CHOOSE THE THEME YOU WANT TO USE

Page 91: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

TO CHANGE FONTS, CLICK HERE

Page 92: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CHOOSE THE FONT AREA YOU WANT TO CHANGE

Page 93: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CHOOSE THE FONT YOU WANT

Page 94: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CHANGE THE COLOR OF THE TEXT

Page 95: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

IF YOURE DONE, CLICK THE THIS BUTTON

Page 96: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

YOU CAN NOW PUBLISH YOUR

WEBSITE

Page 97: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK THE PUBLISH BUTTON

Page 98: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, CLICK CONTINUE

Page 99: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

NOW, PUBLISH YOUR SITE!

Page 100: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

JUST SIT BACK AND RELAX!

Page 101: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THEN, CLICK ON X SIGN

Page 102: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

CLICK ON THE X SIGN IF YOURE FINISH

Page 103: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

YOU’LL ARRIVE ON THIS PAGE

Page 104: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THIS IS MY WEBSITE

Donn The Virtual Phenom donnvbautista.com

Page 105: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

THIS IS MY POST

Donn The Virtual Phenom donnvbautista.com

Page 106: How to create a quick responsive websites using weebly - Donn the Virtual Phenom

NOW, YOU CAN CREATE YOUR OWN WEBSITE USING

WEEBLY

Donn The Virtual Phenom donnvbautista.com