
for this project let’s see how fast we can build a website from scratch my goal
can build a website from scratch my goal
can build a website from scratch my goal start to finish in six minutes flat
this video is kindly sponsored by
this video is kindly sponsored by Squarespace com some of you might
Squarespace com some of you might
Squarespace com some of you might remember a few months ago that YouTube
remember a few months ago that YouTube
remember a few months ago that YouTube accidentally deleted my entire channel
accidentally deleted my entire channel
accidentally deleted my entire channel and terminated my account thankfully
and terminated my account thankfully
and terminated my account thankfully it’s back online now but obviously we
it’s back online now but obviously we
it’s back online now but obviously we need a back-up plan for you king of
need a back-up plan for you king of
need a back-up plan for you king of random fans in case of another emergency
random fans in case of another emergency
random fans in case of another emergency with or without YouTube I’ll keep making
with or without YouTube I’ll keep making
with or without YouTube I’ll keep making videos but how are you going to know
videos but how are you going to know
videos but how are you going to know when and where I post them I formed an
when and where I post them I formed an
when and where I post them I formed an inner circle and you can become part of
inner circle and you can become part of
inner circle and you can become part of it by clicking here now to set up a
it by clicking here now to set up a
it by clicking here now to set up a 6-minute website let’s start by going to
6-minute website let’s start by going to
6-minute website let’s start by going to Squarespace comm and clicking on the
Squarespace comm and clicking on the
Squarespace comm and clicking on the button that says get started you can see
button that says get started you can see
button that says get started you can see the first thing that pops up is a number
the first thing that pops up is a number
the first thing that pops up is a number of templates that we could use to design
of templates that we could use to design
of templates that we could use to design our web page and I’m going to keep it
our web page and I’m going to keep it
our web page and I’m going to keep it simple by going with a template called
simple by going with a template called
simple by going with a template called Beatrice here are some examples of what
Beatrice here are some examples of what
Beatrice here are some examples of what other people have done with the layout
other people have done with the layout
other people have done with the layout but let’s just go ahead and click start
but let’s just go ahead and click start
but let’s just go ahead and click start with this design if we enter a name
with this design if we enter a name
with this design if we enter a name email and password that’s really about
email and password that’s really about
email and password that’s really about all we need to get this started now this
all we need to get this started now this
all we need to get this started now this next part should go fairly fast so don’t
next part should go fairly fast so don’t
next part should go fairly fast so don’t try to keep up on details just sit back
try to keep up on details just sit back
try to keep up on details just sit back and enjoy with the timer started we can
and enjoy with the timer started we can
and enjoy with the timer started we can skip the intro video by hitting escape
skip the intro video by hitting escape
skip the intro video by hitting escape then go to the main navigation bar on
then go to the main navigation bar on
then go to the main navigation bar on the left click the gear icon and click
the left click the gear icon and click
the left click the gear icon and click to make a page like this this is going
to make a page like this this is going
to make a page like this this is going to be our home page so let’s change the
to be our home page so let’s change the
to be our home page so let’s change the name and the URL to match then click
name and the URL to match then click
name and the URL to match then click Save now you’d really have to do is swap
Save now you’d really have to do is swap
Save now you’d really have to do is swap out your text and pictures with what’s
out your text and pictures with what’s
out your text and pictures with what’s already here but in this case I’d prefer
already here but in this case I’d prefer
already here but in this case I’d prefer to start with a blank page so let’s just
to start with a blank page so let’s just
to start with a blank page so let’s just delete the items one by one until
delete the items one by one until
delete the items one by one until everything’s gone
everything’s gone
everything’s gone now that our page is blank why don’t we
now that our page is blank why don’t we
now that our page is blank why don’t we make another one by clicking add page
make another one by clicking add page
make another one by clicking add page selecting a blank page and let’s call
selecting a blank page and let’s call
selecting a blank page and let’s call this one videos while we’re here let’s
this one videos while we’re here let’s
this one videos while we’re here let’s add one more page and call it contact
add one more page and call it contact
add one more page and call it contact okay with that save let’s go back to our
okay with that save let’s go back to our
okay with that save let’s go back to our home page and click on the plus sign at
home page and click on the plus sign at
home page and click on the plus sign at the top this opens a bunch of item
the top this opens a bunch of item
the top this opens a bunch of item options and the first thing we need is a
options and the first thing we need is a
options and the first thing we need is a newsletter block this will create our
newsletter block this will create our
newsletter block this will create our mailing list for our inner circle let’s
mailing list for our inner circle let’s
mailing list for our inner circle let’s change the name then click the storage
change the name then click the storage
change the name then click the storage tab so we can connect it to a databasing
tab so we can connect it to a databasing
tab so we can connect it to a databasing service like MailChimp or Google Docs I
service like MailChimp or Google Docs I
service like MailChimp or Google Docs I chose to use Google Docs and as you can
chose to use Google Docs and as you can
chose to use Google Docs and as you can see it’s as easy as creating a name for
see it’s as easy as creating a name for
see it’s as easy as creating a name for database and clicking save now if we go
database and clicking save now if we go
database and clicking save now if we go to the top and click view page it’ll ask
to the top and click view page it’ll ask
to the top and click view page it’ll ask us to save our work and here’s what the
us to save our work and here’s what the
us to save our work and here’s what the web page looks like so far now check
web page looks like so far now check
web page looks like so far now check this out if we click the pencil at the
this out if we click the pencil at the
this out if we click the pencil at the bottom we can highlight the footer text
bottom we can highlight the footer text
bottom we can highlight the footer text and paste in some custom information in
and paste in some custom information in
and paste in some custom information in its place
its place
its place now if we save that click the X and now
now if we save that click the X and now
now if we save that click the X and now click on the paintbrush icon we can
click on the paintbrush icon we can
click on the paintbrush icon we can access the style mode this means we can
access the style mode this means we can
access the style mode this means we can edit the banner image delete it and
edit the banner image delete it and
edit the banner image delete it and upload one of our own there we go much
upload one of our own there we go much
upload one of our own there we go much better already but I’m not a very big
better already but I’m not a very big
better already but I’m not a very big fan of this site title covering the
fan of this site title covering the
fan of this site title covering the bottom of the banner unfortunately we
bottom of the banner unfortunately we
bottom of the banner unfortunately we can’t delete it
can’t delete it
can’t delete it but if we click the site title
but if we click the site title
but if we click the site title properties we can adjust the line height
properties we can adjust the line height
properties we can adjust the line height down to one pixel and that pretty much
down to one pixel and that pretty much
down to one pixel and that pretty much gets rid of it now it’s hard to tell but
gets rid of it now it’s hard to tell but
gets rid of it now it’s hard to tell but there’s a yellowish background image as
there’s a yellowish background image as
there’s a yellowish background image as well and if we delete that then click on
well and if we delete that then click on
well and if we delete that then click on site background we can adjust it to a
site background we can adjust it to a
site background we can adjust it to a custom background color and I’m going
custom background color and I’m going
custom background color and I’m going with black the only problem with that is
with black the only problem with that is
with black the only problem with that is that the words are harder to read to fix
that the words are harder to read to fix
that the words are harder to read to fix that let’s adjust the text colors for
that let’s adjust the text colors for
that let’s adjust the text colors for the navigation active text the
the navigation active text the
the navigation active text the navigation hover text the standard
navigation hover text the standard
navigation hover text the standard navigation font the main body font and
navigation font the main body font and
navigation font the main body font and the text color for the footer I’m
the text color for the footer I’m
the text color for the footer I’m basically just changing the colors of
basically just changing the colors of
basically just changing the colors of all the different words and I’m sure you
all the different words and I’m sure you
all the different words and I’m sure you get the idea now you can see the mailing
get the idea now you can see the mailing
get the idea now you can see the mailing list area is still pretty dark so let’s
list area is still pretty dark so let’s
list area is still pretty dark so let’s fix that by scrolling to the bottom left
fix that by scrolling to the bottom left
fix that by scrolling to the bottom left and changing the newsletter style from
and changing the newsletter style from
and changing the newsletter style from dark to light
dark to light
dark to light that’s better already but we can also
that’s better already but we can also
that’s better already but we can also change the newsletter background to a
change the newsletter background to a
change the newsletter background to a custom color of our choice and while
custom color of our choice and while
custom color of our choice and while we’re at it change the button color so
we’re at it change the button color so
we’re at it change the button color so it’s a little more prominent as well now
it’s a little more prominent as well now
it’s a little more prominent as well now to tighten everything up let’s go to the
to tighten everything up let’s go to the
to tighten everything up let’s go to the page padding scroll bar and adjust the
page padding scroll bar and adjust the
page padding scroll bar and adjust the padding level down to around 25 pixels
padding level down to around 25 pixels
padding level down to around 25 pixels so it pulls everything together
so it pulls everything together
so it pulls everything together now let’s X out of the style mode and
now let’s X out of the style mode and
now let’s X out of the style mode and see how it looks okay cool now let’s
see how it looks okay cool now let’s
see how it looks okay cool now let’s escape back to the Edit menu click the
escape back to the Edit menu click the
escape back to the Edit menu click the left side gear icon select basic
left side gear icon select basic
left side gear icon select basic information and give our website a name
information and give our website a name
information and give our website a name of course this one is for the king of
of course this one is for the king of
of course this one is for the king of random and we can customize it further
random and we can customize it further
random and we can customize it further by scrolling down and uploading a logo
by scrolling down and uploading a logo
by scrolling down and uploading a logo into the browser icon section next let’s
into the browser icon section next let’s
into the browser icon section next let’s click the index for domains and you can
click the index for domains and you can
click the index for domains and you can see this will give us the option to
see this will give us the option to
see this will give us the option to customize our URL in this case I’m just
customize our URL in this case I’m just
customize our URL in this case I’m just going to call it TKO our but that can be
going to call it TKO our but that can be
going to call it TKO our but that can be changed anytime you want now if you look
changed anytime you want now if you look
changed anytime you want now if you look at the URL at the top you should see
at the URL at the top you should see
at the URL at the top you should see your icon as well as your custom
your icon as well as your custom
your icon as well as your custom Squarespace URL ok cool let’s
Squarespace URL ok cool let’s
Squarespace URL ok cool let’s keep going let’s try adding a page in
keep going let’s try adding a page in
keep going let’s try adding a page in the not linked section and choose the
the not linked section and choose the
the not linked section and choose the gallery page option I’m going to name
gallery page option I’m going to name
gallery page option I’m going to name this one video gallery and although this
this one video gallery and although this
this one video gallery and although this page will be invisible to our visitors
page will be invisible to our visitors
page will be invisible to our visitors it’s still very valuable to our page let
it’s still very valuable to our page let
it’s still very valuable to our page let me show you why when I click add images
me show you why when I click add images
me show you why when I click add images or video select video then paste the URL
or video select video then paste the URL
or video select video then paste the URL for one of my youtube uploads you can
for one of my youtube uploads you can
for one of my youtube uploads you can see it automatically populates the video
see it automatically populates the video
see it automatically populates the video title thumbnail and sets the image
title thumbnail and sets the image
title thumbnail and sets the image overlay now when we save it a little
overlay now when we save it a little
overlay now when we save it a little video thumbnail pops up on the unlinked
video thumbnail pops up on the unlinked
video thumbnail pops up on the unlinked page I’m going to add seven more videos
page I’m going to add seven more videos
page I’m going to add seven more videos just like this and I’ll speed the
just like this and I’ll speed the
just like this and I’ll speed the process just for convenience because I’m
process just for convenience because I’m
process just for convenience because I’m sure you already get it at this point
sure you already get it at this point
sure you already get it at this point let’s head back to the home page click
let’s head back to the home page click
let’s head back to the home page click the plus sign under the mailing list and
the plus sign under the mailing list and
the plus sign under the mailing list and select add a line this is mainly just
select add a line this is mainly just
select add a line this is mainly just for looks now let’s click the plus sign
for looks now let’s click the plus sign
for looks now let’s click the plus sign again and this time choose gallery use
again and this time choose gallery use
again and this time choose gallery use existing gallery and select the video
existing gallery and select the video
existing gallery and select the video gallery we just created now if we go to
gallery we just created now if we go to
gallery we just created now if we go to design and click gallery design there’s
design and click gallery design there’s
design and click gallery design there’s an option for a customizable grid layout
an option for a customizable grid layout
an option for a customizable grid layout that looks pretty awesome we’ll watch
that looks pretty awesome we’ll watch
that looks pretty awesome we’ll watch this
this
this if we add another gallery the exact same
if we add another gallery the exact same
if we add another gallery the exact same way but this time keep the slideshow
way but this time keep the slideshow
way but this time keep the slideshow option and click the autoplay feature
option and click the autoplay feature
option and click the autoplay feature watch what happens we can drag and drop
watch what happens we can drag and drop
watch what happens we can drag and drop the slideshow gallery down beside the
the slideshow gallery down beside the
the slideshow gallery down beside the thumbnail grid gallery and it
thumbnail grid gallery and it
thumbnail grid gallery and it automatically reformats the layout let’s
automatically reformats the layout let’s
automatically reformats the layout let’s save that and view the page now here
save that and view the page now here
save that and view the page now here we’ve got a clean-looking signup page
we’ve got a clean-looking signup page
we’ve got a clean-looking signup page with a video slideshow and video
with a video slideshow and video
with a video slideshow and video thumbnails set right beside it nice ok
thumbnails set right beside it nice ok
thumbnails set right beside it nice ok to finish up the other two pages let’s
to finish up the other two pages let’s
to finish up the other two pages let’s click the gear icon at the bottom and
click the gear icon at the bottom and
click the gear icon at the bottom and quickly edit the videos page this time
quickly edit the videos page this time
quickly edit the videos page this time when we add a new block option let’s
when we add a new block option let’s
when we add a new block option let’s scroll down until we find the block for
scroll down until we find the block for
scroll down until we find the block for inserting code all we need to do is
inserting code all we need to do is
inserting code all we need to do is delete the code that’s already there and
delete the code that’s already there and
delete the code that’s already there and paste this free embed code I got from
paste this free embed code I got from
paste this free embed code I got from 10.com
10.com
10.com you can see that if we view the page now
you can see that if we view the page now
you can see that if we view the page now all of my recent YouTube videos are
all of my recent YouTube videos are
all of my recent YouTube videos are automatically populated into a grid but
automatically populated into a grid but
automatically populated into a grid but they are a little off-center let’s fix
they are a little off-center let’s fix
they are a little off-center let’s fix that in the style mode by grabbing onto
that in the style mode by grabbing onto
that in the style mode by grabbing onto the side of the page and setting the
the side of the page and setting the
the side of the page and setting the page width to 1100 pixels now you can
page width to 1100 pixels now you can
page width to 1100 pixels now you can see the video list is adjusted so it’s
see the video list is adjusted so it’s
see the video list is adjusted so it’s perfectly centered and this page is done
perfectly centered and this page is done
perfectly centered and this page is done lastly let’s hit escape and click to
lastly let’s hit escape and click to
lastly let’s hit escape and click to edit our contact page this is going to
edit our contact page this is going to
edit our contact page this is going to be as simple as scrolling down and
be as simple as scrolling down and
be as simple as scrolling down and finding the option for creating a form
finding the option for creating a form
finding the option for creating a form I’m going to call this one contact then
I’m going to call this one contact then
I’m going to call this one contact then deselect it from sending emails and
deselect it from sending emails and
deselect it from sending emails and and sync it up with my Google Docs now
and sync it up with my Google Docs now
and sync it up with my Google Docs now let’s see what this is going to look
let’s see what this is going to look
let’s see what this is going to look like click view page save and there’s
like click view page save and there’s
like click view page save and there’s our contact form so there you have it in
our contact form so there you have it in
our contact form so there you have it in under six minutes we have a website with
under six minutes we have a website with
under six minutes we have a website with a built-in registration for my private
a built-in registration for my private
a built-in registration for my private mailing list not to mention a few of my
mailing list not to mention a few of my
mailing list not to mention a few of my favorite projects all my newest posts
favorite projects all my newest posts
favorite projects all my newest posts and a contact page everything else from
and a contact page everything else from
and a contact page everything else from here on in is just supplemental you can
here on in is just supplemental you can
here on in is just supplemental you can see how easy it would be to add a page
see how easy it would be to add a page
see how easy it would be to add a page for blogs photo galleries or even making
for blogs photo galleries or even making
for blogs photo galleries or even making an online store by the way if you
an online store by the way if you
an online store by the way if you haven’t joined my mailing list yet now
haven’t joined my mailing list yet now
haven’t joined my mailing list yet now is the time to do it I’ve got a lot of
is the time to do it I’ve got a lot of
is the time to do it I’ve got a lot of prizes I’m going to start randomly
prizes I’m going to start randomly
prizes I’m going to start randomly giving away and of course it doesn’t
giving away and of course it doesn’t
giving away and of course it doesn’t cost you anything to be a part of it
cost you anything to be a part of it
cost you anything to be a part of it well that’s it for now if you liked this
well that’s it for now if you liked this
well that’s it for now if you liked this project perhaps you’ll like some of my
project perhaps you’ll like some of my
project perhaps you’ll like some of my others check them out at the king of
others check them out at the king of
others check them out at the king of random calm before you go if you’re
random calm before you go if you’re
random calm before you go if you’re thinking about using Squarespace to
thinking about using Squarespace to
thinking about using Squarespace to build a website of your own you can get
build a website of your own you can get
build a website of your own you can get a free trial by heading over to
a free trial by heading over to
a free trial by heading over to Squarespace calm slash random or use the
Squarespace calm slash random or use the
Squarespace calm slash random or use the promo code random to get 10% off your
promo code random to get 10% off your
promo code random to get 10% off your purchase please make sure to double
purchase please make sure to double
purchase please make sure to double check the link in the description
check the link in the description
check the link in the description because they’ll track it back to me and
because they’ll track it back to me and
because they’ll track it back to me and it really helps me make more videos
it really helps me make more videos
it really helps me make more videos thanks again and best of luck
”
Be First to Comment