Weebly 2017 EP 1 - Create A Free Website: Introduction Tutorial Begginers Guide

in #utopian-io7 years ago

About Weebly
Weebly is a web-hosting service featuring a drag-and-drop website builder. More than 40 million entrepreneurs around the world use Weebly to grow their customer base, fuel sales and market their idea. Designed for any entrepreneur who wants to reach a global audience, Weebly gives everyone the freedom to create a high ­quality site and store that works brilliantly across any device.
cover.png

Let's start building a wonderful free website in Weebly.com you can easily make a website using this website creator I wanna show you what are the basic step by step to create a simple but beautiful website. Three years ago I started to search a website editor for my online business and I saw a lot website editor but weebly is the most unique and easy to make a website because you don't more codes for your website you just simply used the drag and drop strategy and paste the embed codes or links. That's why I physically create a tutorial and share all of you the powerful of weebly.com. Let get's started.


To Register:
First is go to weebly.com you can sign up using facebook account or google + or you can register using your email account you put the following settings:
Username
Email Address
Email Password

1 register.png


Select A Theme:
If your registration is 100% successful the Select A Theme settings is open you can select the a theme that you want remember first is you can know what about your website before you select your final theme. If your website is about for business select a theme for Business category there are 6 categories for theme this is the following categories:
2 Theme.png


Theme Category:
Business: This category is for business like online business, restaurant etc.
Portfolio: If you are photography choose this category.
Personal: For personal use only.
Event: If you have a big events you can select this category.
Blog: If you are a blogger or if you want to make a website blog you are in the right place.
Other: If you don't see the theme in other category you can select this category and choose the theme that you want. I select Other category and I select this theme.
3 selecttheme.png


Start Editing:
To start editing click the Start Editing on the upper right corner.
4 StartEditing.png


Select Domain:
This is the address where people will find your website online. You can now choose your domain website. If you want to buy a domain choose to. Register A new domain. If you have a domain you can use your domain and if you want to free choose the sub domain of weebly.com
5 Domain.png

Domains:
Register a New Domain: Stand out from the crowd with a professional, customized domain.
Use a Domain You Already Own: Transfer your domain to Weebly or just connect it to your site. We'll help you with either process when you are ready to publish.
Use a Subdomain of Weebly.com: Create a personal project with Weebly branding on your site.

Sub domain:
If you want free domain, choose sub domain and put your website domain name the advantage of sub domain is you don't have annual fee.
6 Subdomain.png


Deleting Text:
If you want to delete the unwanted text or image I wanna show you how can you do that.
Put your mouse on the text if the text box is appear just click the X button and click the Delete button. If you delete all unwanted on your page just repeat the process.
7 DeletText.png

Deleting Image:
If you wan to delete all image just put your mouse in the image and the invisible box is open click the X sign and click Delete button.
8 Image.png

Now I have a blank page all unwanted things on page is already deleted now I wanna show to change the name of your logo.
9 blank page.png


Change Logo:
To change your logo put your mouse over on the logo you can see three option if you don't want display the logo click the Off button, if you want your logo is text just click the Text button and if you want your logo is image just click the logo and import file on your images gallery.
10 logo.png

I choose text logo highlight the text and write your logo name.
11 Changelogo.png


Change Header:
To change the header layout click the header page you can see to settings the Edit Background and Replace Header Layout:
12 Header.png

If you choose the Replace Header Layout you can delete all content by pressing delete you don't delete all content one by one.
12 Header2.png

If you choose Edit Background you can change your Header background you can select a header background settings by clicking the down arrow.
12 Header3.png

You can choose in 4 category of Header Layout the Image, Color, Gradient and Video.
12 Header4.png

If you want select the image just click the image you can replace or you can edit the Header image I click replace.
12 Header5.png

If the image editor is open you can select the image that you want, they have category for images you can also upload your personal image background on your image gallery.
12 Header6.png

If you are already choose an image just click the image and click the select button.
12 Header7.png


Add Title:
Now I wanna show how to add your text first is we are going to add your title. Go to your basic tools on the left corner choose Title.
13 Title.png

Drag your Title tool on your page and if you can the guide lines drop the title tool and release your mouse.
13 Title2.png

Now you can now the edit box of your Title just write your name of your website or business.
13 Title3.png


Add Text:
To add text repeat the producer of how to add the title choose the Text tool and drag to your page.
14 add text.png

You can edit your text, just write or paste your text in text edited box.
14 add text2.png

Now I have already a title and text. I want to add image I wanna show how to add image.
14 add text3.png


Add Images:
To add image the procedure same to add title and text choose the image tool.
15 Images.png

Drag your Image Tool on your page you can choose the location of your image either on top, left, right or bottom. I drag my image tool on the bottom of my text. To add image on your page click the image tool.(Important Note: You can change the location of your image anytime time just drag the image and drop it to location you want)
15 Images2.png

Click the upload a photo from your computer to upload your images.
15 Images3.png

Go to your images gallery and select the image that you used.
15 Images4.png

Now my image is already uploaded on my page.
15 Images5.png


Publish Page:
If you want to see your page just click the Publish button on the upper right corner.
16 Publish.png

If the domain setting is open choose the domain that you used if your website is free choose the sub domain and click the continue.
16 Publish2.png

The website published pop up menu is open to published your page, just click the link of your website.
16 Publish3.png

Now my website is already published in the public media, my website is already usable now.
16 Publish4.png


In this tutorial you can learned the begginers guideline on how to get started to make a website with weebly.com and that's it for

the tutorial. If you want more tutorial about weebly.com I post everyday. THANK YOU!

If you want to see my website just click this link: https://toffonlinebusiness.weebly.com/



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Hello ! I just read your content, I love it. I thank you for this kind of publication. Follow me @meranie and I follow you too!
I want to have a free website, how can I process ?

Nice cool @meranie just go to weebly.com and follow my tutorial.. :)

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Thank you for the approval mod @simnrodrguez

Nice tutorial, naalala ko ang weebly. :)

good

Hey @toffer I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Thank you so much @utopian-io I already vote you as a witness :)

Good run-down on how to make a weebly site. You seem really knowledgeable, do you know if and how a steemit blog can be published to a weebly blog page?

Coin Marketplace

STEEM 0.17
TRX 0.13
JST 0.027
BTC 60754.57
ETH 2658.04
USDT 1.00
SBD 2.51