Disclosure: Some of the links above are affiliate links. If you use them to make a purchase through one of our partners we may receive a small commission, at no cost to you. Read our full affiliate, advertising and privacy policy here.

Categories
Website Design

How to Create a Website on Google Sites For Free (in just 5 steps) [Video]

How to Create a Website on Google Sites For Free (in just 5 steps)

𝗚đ—Č𝘁 đ——đ—Œđ—șđ—źđ—¶đ—» ➜ https://my.webspacekit.com/link.php?id=68

đ—–đ—”đ—Čđ—°đ—žđ—Œđ˜‚đ˜ đ—Œđ˜‚đ—ż đ—Č𝘅𝗰đ—čđ˜‚đ˜€đ—¶đ˜ƒđ—Č đ—Șđ—Œđ—żđ—±đ—Łđ—żđ—Č𝘀𝘀 đ—°đ—Œđ˜‚đ—żđ˜€đ—Č ➜ https://websitelearners.com/wordpress-course

𝗚đ—Č𝘁 đ˜đ—”đ—Č 𝗙𝗼𝘀𝘁đ—Č𝘀𝘁 đ—Șđ—Œđ—żđ—±đ—Łđ—żđ—Č𝘀𝘀 đ—›đ—Œđ˜€đ˜đ—¶đ—»đ—Ž ➜ https://webspacekit.com

đ—›đ—Œđ˜„ đ˜đ—Œ 𝗠𝗼𝗾đ—Č đ— đ—Œđ—»đ—Č𝘆 đ˜„đ—¶đ˜đ—” đ˜†đ—Œđ˜‚đ—ż 𝘄đ—Čđ—Żđ˜€đ—¶đ˜đ—Č ➜ https://websitelearners.com/ebook/top-5-ways-to-monetize-your-website/

đ—©đ—Œđ˜đ—Č đ—łđ—Œđ—ż đ—Œđ˜‚đ—ż đ—»đ—Č𝘅𝘁 đ˜ƒđ—¶đ—±đ—Čđ—Œ ➜ https://topics.websitelearners.com/websitelearners#/ideas

đ—Łđ—Œđ˜€đ˜ 𝗜𝘀𝘀𝘂đ—Č𝘀 𝗛đ—Č𝗿đ—Č ➜ https://wltalk.com/post/861647652

𝗧𝗼𝗯đ—čđ—Č đ—Œđ—ł đ—°đ—Œđ—»đ˜đ—Čđ—»đ˜đ˜€ :

00:00 Intro

01:28 Sign in to your Google Account,

02:10 Choose the Type of Website

02:32 Change the Theme of your Site

03:07 Add Content to your Website

08:14 Publish Your Site on Internet

09:11 To Add a New Page to Your Site

09:50 To Add Contact Form,

13:25 To Get Email Notification on Form Submission

17:08 To Get a .com Domain Name

23:27 To Make your Website Visible

Step 1: Sign in to your Google Account,

Go to sites.google.com,

And now enter your email & Password to sign in and Click ‘next’,

Step 2: choose the type of website you want to create

Once you have signed in to your google account

Now you choose the type of site you want to create

Step 3: Change the Theme of your site

To change the theme, go to themes

And select the theme you like.

Step 4: Add content to your website

To change the text, just select it and enter your own text

To increase the size of the text, just drag the blue dots

To add your site name, click on ‘Enter Site Name’

And enter your site name.

To add logo, click on ‘Add logo’ option

Next to add new section, click ‘Insert’

Now choose the layout you want

Now to add an image just drag & drop image from your computer

To increase the size of the image, just drag the blue dots.

Like wise, you can add more section

Step 5: Add content to your website

To publish the site, click ‘publish’

Now enter the website address & click ‘publish’

Next, to add a new page to your site

Go to pages, click on the ‘Plus icon & New page’

Now enter the name of your page & click ‘Done’

To add content to your page, click ‘Insert’

And select different element you want to add

Now to add contact form, create a form using google forms

And click ‘Forms’ and add select the form & click ‘Insert’

To increase the size of the form, just drag the blue dots.

Now to update the changes, click ‘Publish’

To get response, submitted by your visitors

Go to your goggle forms and click ‘Responses’

Next to get email notification on form submission

Go to Google Forms, click on the 3 dots option and then click ‘Add-ons’

Now search for ‘Email Notifications’ and click on the Add-on

Now click ‘Install’ & ‘Continue’

Next choose your Google account and click ‘Allow & done’.

Once you’ve added the Add-on, you will find new icon,

Just click on it, and select ‘Email Notifications for Google Forms’.

And then choose ‘Create email notification, and you will get a notification box.

Now you need to create a rule to get email notification.

Once you’ve created the rule, click ‘Save’.

So now when a visitor submits a response, you will receive an Email Notification.

To get a .com domain name for your website

Click here ➜ https://webspacekit.com/

And it will take you to Webspacekit

Now enter your domain name you want & click ‘Search’

Once the domain name is available click ‘Add to cart & continue’

Now click ‘skip’, make purchase to get domain name

To connect the domain name with your site

Go to your site, â–ș Settings â–ș Custom domain â–ș Start setup

Now select the first option & click ‘Next’

And enter your domain name & verify it

By adding TXT record to your domain

And then click ‘Next’ & it will ask you to add another record to your domain

Go to Webspacekit and delete the CNAME record, which has www in name field

And add your CNAME record, & click ‘Done’.

So that’s it guys!

This is how you can create a website using google sites.

——————————

📱 đ—§đ—”đ—Č đ—§đ—Œđ—Œđ—č𝘀 𝘄đ—Č 𝘂𝘀đ—Č:

𝗚đ—Č𝘁 đ˜đ—”đ—Č 𝗯đ—Č𝘀𝘁 đ˜đ—Œđ—Œđ—č𝘀 đ—łđ—Œđ—ż đ˜†đ—Œđ˜‚đ—ż 𝘄đ—Čđ—Żđ˜€đ—¶đ˜đ—Č ➜ https://websitelearners.com/tools/

đ—©đ—¶đ—±đ—Čđ—Œ 𝗚đ—Č𝗼𝗿 đ—Șđ—Č 𝗹𝘀đ—Č ➜ https://kit.co/websitelearners/video-gear-we-use/

𝗱𝘂𝗿 đ—©đ—¶đ—±đ—Čđ—Œ đ—˜đ—±đ—¶đ˜đ—¶đ—»đ—Ž đ—§đ—Œđ—Œđ—č ➜ https://bit.ly/2Od546p

🙌 đ—ąđ—łđ—łđ—¶đ—°đ—¶đ—źđ—čđ—č𝘆:

đ—Șđ—Č❜𝗿đ—Č đ—›đ—¶đ—żđ—¶đ—»đ—Ž: https://websitelearners.com/careers/
Want your website developed by us? Email us your requirements to contact@websitelearners.com

💬 đ—™đ—Œđ—čđ—čđ—Œđ˜„ & đ—–đ—”đ—źđ˜ đ˜„đ—¶đ˜đ—” 𝘂𝘀:

đ—œđ—»đ˜€đ˜đ—źđ—Žđ—żđ—źđ—ș: https://www.instagram.com/websitelearners/

𝗙𝗼𝗰đ—Čđ—Żđ—Œđ—Œđ—ž: https://www.facebook.com/websitelearners/

đ—§đ˜„đ—¶đ˜đ˜đ—Č𝗿: https://twitter.com/websitelearners/

Watch/Read More

Disclosure: Some of the links above are affiliate links. If you use them to make a purchase through one of our partners we may receive a small commission, at no cost to you. Read our full affiliate, advertising and privacy policy here.

Categories
Website Design

2022 Free Portfolio WordPress Template Website [Beginner] [Video]

[Demo Website] - https://portfolio.breezywp.com/[Hosting] - https://breezywp.com/[Domain Names] - https://www.cloudflare.com/[Elastic Email] - https://breezywp.com/elastic-email-setup[Chapters]00:00:00 Intro00:01:39 Portfolio Website Overview00:07:17 BreezyWP.com WordPress Hosting00:11:00 Domain Purchase on Cloudflare00:14:38 Domain DNS Settings00:17:22 Install Portfolio Template00:20:16 Install SSL Certificate00:21:46 Website Editing - Making it your own00:50:06 Elastic Email Setup & Contact formWelcome to my tutorial on how to build a portfolio website from scratch with no prior knowledge. This video is based around a premade website template that you can apply to any wordpress website, change to make unique to you and your brand and get setup in a fraction of the time! BreezyWP is the go to service to host your wordpress website securely and easily in just a few clicks. Spread the cost of your server across multiple websites as you can add as many as you like!This is the year to get out there and make your mark. Using this portfolio acts as a framework to putting your best foot forward and displaying your hard work and talent to prospecting clients. Don't let your website let your work down.

Disclosure: Some of the links above are affiliate links. If you use them to make a purchase through one of our partners we may receive a small commission, at no cost to you. Read our full affiliate, advertising and privacy policy here.

Categories
Website Design

What is Web Development? #HTML #CSS #JavaScript #WebDevelopment [Video]

We are taking a deep dive into understanding the main components of web development for absolute beginners.We are answering the following questions:- What is web development?- What languages are used for web development?- What does HTML do?- What does CSS do? - What is JavaScript responsible for?- Is Java the same thing as JavaScript?Before you learn to code, it's good to understand these fundamentals!Please note that this is part of a series for G{Code}, an organization aimed at teaching women and nonbinary people of color to code.

Categories
Website Design

HTML : How to avoid horizontal scroll on mobile web with responsive web design? [Video]

HTML : How to avoid horizontal scroll on mobile web with responsive web design? [ Gift : Animated Search Engine : https://bit.ly/AnimSearch ] HTML : How to avoid horizontal scroll on mobile web with responsive web design? Note: The information provided in this video is as it is with no modifications.Thanks to many people who made this project happen. Disclaimer: All information is provided as it is with no warranty of any kind. Content is licensed under CC BY SA 2.5 and CC BY SA 3.0. Question / answer owners are mentioned in the video. Trademarks are property of respective owners and stackexchange. Information credits to stackoverflow, stackexchange network and user contributions. If there any issues, contact us on - htfyc dot hows dot tech #HTML:Howtoavoidhorizontalscrollonmobilewebwithresponsivewebdesign? #HTML #: #How #to #avoid #horizontal #scroll #on #mobile #web #with #responsive #web #design? Guide : [ HTML : How to avoid horizontal scroll on mobile web with responsive web design? ]