IG Commerce Blueprint Review + Exclusive Bonuses

IG Commerce Blueprint Review + Exclusive Bonuses


Welcome to the I G commerce blueprint review.
I will show you the product, what the upsells are and how much they will cost. I’ve also
got some cool bonuses for you if you click on the link in the description below. lets take a look at the sales page. The sales
page is not finalized yet but this is quick preview of what it may look like. Make money from e commerce. Without Facebook
ads knowledge, in as little as 3 hours. This is totally true, i feel it would take a newbie
around 3 hours to set up their first campaign. IG commerce blueprint review with the easy to follow instructions. This product will be released November 2nd
at 9 am Eastern time Lets take a look inside the members area.
When you first access youll see you can download the PDF version of the course, which you can
read anytime. As you scroll down youl be greeted with some
income proof on whats possible, if you take action on the course. This is the video training section of the
course. IG commerce blueprint review VIDEO 1, Introduction to the I G Commerce
Blueprint. This video is a general Overview and how to
get the most out of the program. He also tells his personal story of his previous job before
he made it making money online. VIDEO 2, What is influencer marketing.
How to leverage other people to promote your brand. I’m not going to give away the full
method, but I’ve used this method myself. IG commerce blueprint review And it works very well. VIDEO 3, Product research.
This is a crucial step to making this system work. You have to do research before setting
anything up online, or how else will you know what is going to sell. Don’t take any risks
and cut corners, watch the video,do the correct. IG commerce blueprint review research and you will sell many products. VIDEO 4, Sales page creation.
Now, A lot of people get scared when they see stuff like this but don’t. It is super
super easy to create a great looking sales page. If you purchase through me I can show
you alternatives and i can even help you set these up. Just drop me an email or message
me on Facebook. VIDEO 5, Finding influencers.
This relates to video number 2 which is Leveraging other people to promote your brand. This video
shows you exactly how this process is done. IG commerce blueprint review VIDEO 6, Fulfilling the orders & banking money.
This does exactly what it says. it Shows you exactly how to process orders once somebody
has purchased an item from you. Thats the video training completed. These
are the bonuses which you will get with the course. Ill show you my bonuses very soon
but first lets take a look at these ones. BONUS 1, Influencer list. IG commerce blueprint review This is a file which contains Over 50 influencers
that you can contact straight away to start sending traffic to your offers. This is a
massive time saver as it saves finding these people yourself. BONUS 2, 50 k products A list of all the products that have successfully
made some serious cash. This also is a massive time saver as it saves you doing initual product
research yourself. It’s all done for you right here! IG commerce blueprint review BONUS 3, Calculation Sheet This helps you find the right price to sell
your products for. This is a great tool for anyone struggling to figure out the pricing
of there products Lets take a look at the details and options
for I G commerce blueprint. the front end is the PDF and video training
which we covered in this review. This is priced at only $7 o t o 1, i g commerce profit lab.
this is going to be a 4 part Webinar series on the 4 Core principles of this system, to
give some more advanced training, answer questions and almost ensure that you will be able to
pull in at least $3,000 per month afterwards. This is priced at $97 and finally o t o 2, 100 k per month swipe
campaign. Marvin is going to reveal some of his most profitable E-Commerce campaigns of
all time. One of which has generated over $100,000 in one month and close to $200,000
in total, selling just one product. He will give you the Product, the Ad, the Targeting,
even the Sales Page, So you can literally copy and paste the exact campaign. This is
priced at $27 Lets take a look at my bonuses. Here are my exclusive bonuses, to the first
20 people to purchase. bonus one. social income blueprint. worth
97 dollars. A video training course. Bonus two. Pin traffic smasher. Another video
training course on how to generate traffic using pinterest. Bonus three. Instagram profit map. how to
generate traffic using instagram. This is one of my personal favourite methods. bonus four. reddit traffic love affair. bonus five. tweet traffic worth 17 dollars. bonus 6. social media domination. a complete
social media strategy to start generating traffic to your offers. worth 47 dollars. head over to my blog and subscribe to my newsletter,
and join my free facebook group. links in description below.

Create Shopify Store With Brooklyn Theme Tutorial (Part 1) – Shopify 14 Day Free Trial 2018

Create Shopify Store With Brooklyn Theme Tutorial (Part 1) – Shopify 14 Day Free Trial 2018


hi everyone so my name is Andreas Waatz
and welcome to this Shopify Brooklyn theme tutorial part number one we will
learn how you can set up your Shopify 14 day trial. So I got the link in the
description below you can just click on that and this would take it to the Shopify
page. Disclaimer if you use this link I am affiliated that means I will
get small commission that helps me to grow my channel and create videos like
this alright so if you’re ready to start your Shopify store let’s click on the
link and let’s do this okay so to create our Shopify store we
need to set up our account first so they offer 14 days free trial no risk and no
credit card required so to do this just click on this one get started we’re
gonna enter our email if you have a PayPal account just use that email it’s
gonna be easier down the road then we’re gonna add the password and we’re gonna
add a store name you can add whatever you like I will show you where you can
change this later on like that then click on create your store okay so then you can tell simplify a
little bit about yourself are you already selling you can choose
one of these and maybe I’m selling yes not a line how do you want to sell only
online in person both online and in person where will you mostly sell in person what is your current revenue up to five
thousand whatever you like or is setting up store for client yes or no may click
on next fill in your information so this must be a URL click enter my store okay everyone so this is how you set up
your account now we have our account on Shopify you see down here your trial
your started we’re gonna build the website first
after that you can choose a plan. Normally we have a shoes cheapest plan $29 a month
okay everyone stop this Shopify Brooklyn theme tutorial 2018 was
sample if you want you can leave a comment give thumbs up subscribe to my
channel right here and don’t forget to watch part number 2 you cannot stick on
this image and this will take you to the next video alright I hope you have an
awesome day take care and bye

How to Create a Niched Facebook Page for Shopify Store? Social Media Business Tips

How to Create a Niched Facebook Page for Shopify Store? Social Media Business Tips


you hey guys what’s up this is Dallas Gordon
coming from econ cash clean dot-com today guys I am talking about building
out your niched fan page so tonight guys I am going to create a brand new fan
page it’s going to be for my natural healing conquer Reiki niche and
typically I build out and I had them got lots of niche fan pages which help you
to target you know specific people with specific interests hopefully you guys
can hear me because I’m talking pretty low or in this video pretty late at
night so I wanted to show you guys how to go about doing this so the first
thing that I’m going to do is create a page so from your Facebook home tab I
believe that’s where you go when you check very quickly yes from your
Facebook home tab you’re going to go down to pages on the left side you’re
going to click on pages and it is going to open up you know any page with many
of Facebook pages that you follow you want to go up to your top right and
click create page so this is really really really easy to do when you’re
testing different niches so what you want to do is click on I typically put
my pages under community cause or community so my name is going to be
named after my collection here which is the love healing energy
I’m collection so I’m going to actually name my page love healing energy and I’m
going to get started basically guys the first thing that
you’re going to want to do you’re going to want to you know add a profile
picture so you can go ahead and you can upload that right a way so I am probably
going to go into either my jewelry collection and find something or better
yet I may just go into Google and find a profile picture that I can use for this
niche or Pinterest or whatever you want to look for a picture I’m already in
Pinterest so I am probably going to look for a picture here see what I can find
and sorry guys there’s a delay with my computer especially when I am recording so I’m searching for khakhra healing on
Pinterest and I’m gonna wait for some ideas to come up so let’s see oh really
cool there’s actually a copper box that is so cool so let me see if there’s an
image that I can use if not I will go to Google and I will find something that I
can use because the Pinterest pictures are going to be very informational so it
may not be the best place for me to really find an image for my profile
picture so I’m not going to keep scrolling I’m gonna go ahead out to
Google and I’m gonna see what I can find out here I also have an Instagram page
as well under this niche but I’m just going to look here I’m gonna say copper
healing and I’m gonna look up and in an image for this niche that I want to
create my page oh this one’s pretty cool this one’s pretty cool but it has
writing at the bottom so I just want to find something I can
use this one it’s really strange I don’t think so
okay that one’s pretty cool so was that one you really want to find a very you
know attractive image that would catch attention on Facebook
something pretty colorful I mean kind of see what that’s looking like maybe we
gave you something like this let’s try that so we will try to upload this one
guys and see how this one looks let’s see this is the one here No
you see okay in nail the cover photo now I already have a cover photo for my
collection let me see if I can pull it up on my computer save and see if I have
it I’m doing here we go so let me see if this picture will fit this well we’ll
see what happens if not I may have to resize it inside of canvas for facebook
because that’s where I need the banner so there’s our image guys and here’s our
main image it looks perfect okay so this is how we’re going to pretty much create
our page um you can invite your friends if you want to I’m not going to in this
case and in basically Facebook what I like about it is that Facebook basically
walks you through everything that you need to do walks you through writing a
short description I wanna see what I want to say so you want to just
basic line like thing to identify with your audience I may change that later
sometimes they let you create a username for your page love healing energy and
sometimes they don’t right away okay I guess it’s all ready and a lot of
things are already taken so let’s try that one cool cool cool so that’sthat’s
like a URL for your page that way people can find it easily alright alright so it
pretty much walks you through everything that you need to do now from here you’ll
just really need to post some content to your page so what we want to do you can
go ahead and link to your collection um so I’m gonna go ahead and just paste the
link to my collection right into my Facebook page which is going to be
important for when people want to shop and I’m going to add the button ok so
now at this point we just need to schedule some viral contents of the page
so I have a special app that I’m using and I’ll be sure to place the link to
that app if you’re interested in that below in the description but I’ve
already pulled up some viral content using this app I’ve already researched
kind of like what pages have great content you know and that’s getting
great engagement for this niche so I’m slowing down to see you know something
in here something that has gotten some great content here’s something else and this is educating people about car
girls so I would have to link let me link my facebook page one moment
here the eyes this is just a new page Sean Paul’s
gonna have two copies are you all wrong okay
and date pages oh okay go okay so here are all of my pages in here I’m inside
of the app that helps me to find viral content so I’m just going to look for my
page which is right here and this is just taking me here okay so let me go
back to my page where I want to find my viral content so here are some of the
pages that I’ve bookmarked inside of the app that help me find my bowel contents
this one is conker conscious so I’m gonna click on discover and it’s
basically just going to pull up viral content for me you can do photos or
videos so here’s one this is the guide to a balance to conquer I’m gonna go
ahead and post that one this is pretty cool you just select where you want it
okay so love healing energy your guide to a balanced Conqueror and I just
wanted to post now so I’m just going to say Full Sail so literally guys if we go
over to Facebook to our page just on this side and we want to view to see
whether or not the content has been posted yet we can go ahead and refresh
you take a look at how that looks so you don’t want for people to start to
like your page guys and find your viral content that you’re posting to Facebook
and scheduling to Facebook and you’re not home there’s nothing in your page
you definitely don’t want that and as you can see here it’s it’s basically
posted for me so that’s pretty cool and even though people say that hashtags
don’t work on Facebook I typically do me personally I use them and I find that my
pages end up I’m organically kind of going out when people are able to find
my content but basically what happens guys is that when people search for
certain things what happens is that they search for certain keywords they find
your post which has certain keywords and they end up finding your content that
way you can find out kind of like what keywords are going to I are on Facebook
just pretty much by typing in the keyword into the search bar and Facebook
will give you suggestions so I’m gonna go back in I’m just going to schedule a
few more things to my page I’m gonna post this this is like a hams of prayer
and you can add on here if you want and then just post it so this makes it
really really easy for you to do because you can just post you know whatever you
find here with your you know viral content and go ahead and just post it so
this is how you can quickly create a niche Facebook page you can feel free to
invite all of your friends just to kind of give your page a boost I don’t really
like to do it it just depends on what page it is and if I feel like the
majority of my friends aren’t interested in the page I pretty much like to
organically attract like err to the page another thing that
you can always do is run a Facebook ad to get likers to your page as well and
so for a while you just want to be posting viral content build up your page
build up your likes and followers to the page and then once you get a pretty good
following then you can start to schedule some of your products of the page so
hopefully you’ve learned how to do this efficiently and quickly guys how to
build out your Facebook niche page once again this is Alex Gordon coming at you
with the econ cache cleaning.com feel free to like and share this video don’t
forget guys to subscribe to the channel if you have any questions guys please
feel free to post them below and be sure to join my private Facebook mastermind
group completely free of charge if you have any other additional questions or
want to get more tutorials just like this one
have a great day guys

HOW MUCH Mr BEAST MAKES WITH FREE TRAFFIC | mr beast | Shopify | @shopmrbeast

HOW MUCH Mr BEAST MAKES WITH FREE TRAFFIC | mr beast | Shopify | @shopmrbeast


shop mr. beast is one top shopify
store of a top youtuber mr. beast .mr beast is getting around 1 million traffic per
month and if 0.01 a of this traffic also converts it’s around
$10,000 per month mr. beast is on Shopify hey hey hey hay avengers welcome
to another video in this video I’ll be showing you how one of the top youtuber
mr. beast is making $10,000 on Shopify with absolute free traffic and the
things that we can learn from his store and can implement in our store right not
to get those kind of results right now this video is going to be value video
guys so without wasting any time let’s dive into this video right now here we
are on the YouTube channel of mr. B so you can see he have gone down 28 million
subscribers that means 28 million peoples are following him and if he can
convert this 28 million people to his store he can make tons of money as you
can see his every video recent videos is I am sent across something or spending 1
million dollars on it there and if suppose this this traffic converts he is
making tons of money guys with this here you can see his all videos is more than
1 million views guys so we will drive in to his store let’s see how he’s getting
this kind of results so he stories around strainer shop mr. beast he’s his
a Shopify store that he had built around for his for his truck for driving
traffic and he’s driving traffic from YouTube guys and some other guys let us
see what are the things that he’s doing for driving traffic and in his store so
we are in similar wave and let’s see what sad things that is of his store all
right now his he’s in solace on video around 2000 and then his global rank is
around 77 970 and you tell us around is around 20,000 here we can see the actual
analytics of this traffic he’s driving his traffic has been dipped down a
little bit around 560 K he’s now but when in the month of June or in the
month of August he has got around 1.1 million traffic
and if 0.01% of this one burn 1 million traffic would have converted he has done
a five figures throw guys so let us quickly grab my calculator and I will
show you how this one this traffic he has got how much money he would have
made with this topic here I have already opened up for you guys if it is let us
see for 1.1 million traffic how much he would have made with his store higgins
ey for him multiplied 1 point 1 1 million dollars oh sorry 1 million
traffic with 0.01 percent means 0.7% of 1 million traffic if would have
converted the how much money he would have made if 0.01 percent multiplied by
1 million it’s around eleven thousand dollars per month so he’s making an hour
11 thousand dollars per month guys as this is a minimum guys it’s not my cou
accurate it’s a minimum transient things that I’m showing here he reckons if we
go down his all the traffic’s are from 41% is from USA so he is all the traffic
are mostly traffic are driving from USA Nexus United Kingdom and some of the
traffic’s he has got all this topic from the social that’s I think from YouTube
we will see let’s see from where it is getting here you can see all the refers
websites that here it’s called battling guys all the other stores that that’s
giving him the link to his store people are coming from this stores also here
you can see his traffic is organic traffic keywords are sharp mister we see
this is of no use for us in this state right now
let’s see let’s dive in we’ll see from where the which social media is getting
the traffic from here we can see the most traffic is driving from his YouTube
guys so he was around 28 million subscribers in YouTube and second most
is Instagram so he has made I don’t know he has made as an Instagram page or not
I know his YouTube channel only so from YouTube most of his traffic’s are
driving to his store so let’s see how he store he has built his store and while
the things that he have made in this store so we are on his store mr. beast
shop mr. beast calm so on the first book this look lon the store looks pretty
simple and it has given some free trial of free shipping for this traffic if I
have a first look on this store this draw a store is having only two colors
that’s pretty nice and a logo custom logo he has not made any lower body have
given his name here he had given some sections called her home hoodies
t-sections so it’s a general store I don’t like this thing guys that he have
made the currency has dropped down I don’t think it should use this one
because it should use one app that converts according to the country IP
address which pipe the the people your form because people I think they don’t
like this one he has made one custom thumbnail for this fall in his home page
that’s pretty good and down exactly down he has given all his product link very
simple guys he has not made anything like rainbows and raw every windows and
rows so it’s pretty good next we scroll down let’s see what’s
there hi he had given his photo with his two colleagues you probably have known
were from his YouTube channel guys if you are scrolling down so let’s see
what’s goes and he has made some impact wasn’t yeah one more thing guys he have
given social proof some people for us with reviews that will give social
progress there’s very very important nowadays and now and in the town section
it’s also looked very good and he is given to it
in copyright okay next one more thing very important is he should give your
email address or the people if any problem can contact you this will
increase your customer trust from you guys so here in the down section here
gives some customer custom vs. off here we should not use Shopify pay for me I
think it’s I don’t like fucking shop if I pay mattress badges so this one is
pretty good homepage is pretty nice but one thing that I don’t like is this this
price scanner currency conversion conversion sections that we should use
1f for this guy’s this app is coming that will convert in
the store legs so let us see one his product page we are like this I like
this gold ones let’s see if we are we are in the product page guys so at first
his picture is coming up it is zooming up that’s pretty nice so he is look look
wise I am liking this store very much so it is very simple guys so I have given
here have not used any countdown timer guys so okay that’s pretty fine but
let’s see what’s happened next what’s there next okay first scrolling
down he has used some of the features that I don’t like using I one more thing
I should tell you guys the benefit sells and features tells so whatever is there
he have written the benefits also and he have given in the first features I would
if I would be there I would probably have given the benefits first and next
the features yeah Add to Cart section he has given his be nice and down below he
has given the related item that will people will be liking so it will in
include it will increase your average order value guys but here I am not
seeing any reviews guys so that’s I don’t I didn’t like this one guys it
will you should have reviewing his store guys because if you
are not having reviews it will not increase customer trust that I feel I
have got results with the reviews guys after people buying the reviews after
seeing the reviews that buy people are buying from my store they can see the
sign up button I don’t think we should use we need this signup button it is
just increasing the space of our page if we remove this signup button that’s also
fine I think let’s see if I’m going to for a place in oral let’s see how it is
getting placed what is this it is getting right
okay I’ve chosen M but it is it okay the thing is getting up in the Add to Cart
section that also I don’t like guys actually if you are if you’re giving on
this a two-carbon is to dial it now redirect to you this page of two of the
payment page because people nowadays don’t have attention or don’t have time
for again going to his Add to Cart button who like you can understand guys
don’t have people don’t have the time to again go up scroll down he may have lost
one his customers guys so you should not do this one
whenever you’re somebody is clicking on this Add to Cart section the people
should be redirected to the payment page guys okay then the payment page also
look nice here you can see the email address is there okay every details we
should feel but or you should use to he have used some green color I don’t think
you should use because all these store is made up of only two colors that is
white and black so in this car in this check out part also currently shipping
also you should be he should have used only in only black color
yeah the customer expressed check out sections have come up that’s pretty good
PayPal and Google pen wasn’t they also he use giving that’s pretty nice yet
everything is looking nice I think he’s this store is selling pretty good
because I these stories of simple use but two things that I don’t like his
hair is the checkout page and the color he have used in that and
when when the people are giving an add to cart and that customer and the
currency conversion guys and these two things I didn’t like or else all it is
pretty good I think this story’s pretty Gillings if you learn how I’m making
five thousand and six thousand dollars using Instagram and Facebook Ads make
sure you check out these two videos out right now

Advanced selectors – Basic CSS3 Fast

Advanced selectors – Basic CSS3 Fast


Hello everybody, welcome to the css3
course. This video is going to talk about many advanced selectors. For example, I
can specify the descendant selectors together with the direct child
selector, and the sibling selector I’m also able to specify the adjacent
sibling selectors. And before I talk about all these selectors, I would like
to talk about the the two important identifiers in HTML. The first one is
known as a division, which is having div as the element name. A division here
simply means a block-level element for setting up the styles. So a div element
doesn’t give any semantic meaning to the webpage. If we want to simply change the
style of a certain part of your web page, you can enclose the parts with a pair
of div tags. The elements inside the div tags will be having other kinds of
treatment as specified by your CSS file So I’m going to set up a division, which
would cover a lot of elements. I have about more than 10 lines being included
in my division tags. And inside the division, I have another important
identifier to discuss now. I have a span element. Here a span element is pretty
similar to a division element. A span element means an inline element inside a
paragraph for setting of the styles. So a span element takes up the necessary space
only. It is not really treated as a block- level element as a division element
does, okay So it is usually used in a portion of a
certain element So what does it mean by that? We can see
the situation on the right-hand side of the screen. So for this part,
this part is actually enclosed by the span element. And I’m going to change the
effects of this element on the CSS file But we have to remember that this span
element is really inside the paragraph element shown here, okay. So how can I
really specify this span element? I have to really understand one thing.
This span element is inside a paragraph So we can treat the span element as the
descendant of the paragraph element. So how can I really specify this span
element? Let me go to the CSS file Okay, when I want to specify the span element
which is inside a paragraph element, I can do something like this Okay, I can
just use a space to separate two elements. So in this case, I’m able to
specify the span element, which is inside the paragraph element. So we can
say that the span element is a descendant of the paragraph element. So
if I want to really do this kind of descendant selectors, we just need a
space in between the parent element together with a descendant element. S we
can see that the font size is altered by the CSS file. And we have to notice one
important property that the descendant selector would affect all the children
and their grandsons. So what … what does it mean by that? We can see an example like
this one Okay, we can see that the blockquote
specified by the division.class1 element will be turned to a yellow green
background. So why is it important to understand this property? Because when we
look at the webpage on the right hand side of the screen, we can see that two
blockquotes would have the same background color. And what’s the reason
for that? We can take a look at the HTML file The HTML file has a division
called class1, which is simply the style that I’m going to handle. And
inside this division element, I really have one blockquote followed by
another blockquote, which is actually inside another division. And this
division is really nested in the outer division element. So we can see that the
descendant selector affects all of the children. Why? Because when I just want to
change the first blockquote background color, I’m also able to change the
background of the second blockquote, which is inside another division element,
which is a nested division element of the outer division element. So in this
case, when I just want to change the blockquote specified by division.
class1, I’m also able to affect the children and the grandsons of the
original blockquote element that is ins … just inside the outer division element,
okay. So even though the blockquote element which is inside the inner
division element is regarded as the children of the original outer division
element. Its color is also affected by the instructions set to the parent elements.
So you can see that the second block quote is also turned to yellow green
background. So there’s an important property of descendant selectors. It
really affects all the children and the grandsons, even though they are enclosed
by another level of the division element, okay And then I’m going to talk
about the direct child combinator in view of this troublesome situation of
selecting all the children and the grandsons when I just want to specify one
particular element. So how can we make use of the direct child combinator to
avoid this kind of possible problem with the styling issue? I can do
something like this Okay. We can simply use the closing angle
bracket as the direct child combinator So in this case, I’m just going to locate
the block quote, which is the direct child of my class1 division. So I … when I
look back to the HTML file, I’m just going to locate the blockquote element,
which is this one, which is the one just inside the outer division element. And
the one which is another level of the division element, which is known as the
nested division element, will not be chosen, okay. So I’m going to just locate
a very direct child of the div element inside the outer division
element, okay. So I’m going to avoid the effect on another blockquote, which is
not the direct child of my current division element, okay And then I’d like
to show the multi-level child combinator So what does it mean by that? As we
create our webpages, we will see that there are so many levels of elements by
using the spaces as the indicator. So when we want to drill very deep to some
particular elements to apply our styles, how can we do that. We can consider using
the multi-level child selector. So let me show you an example here Okay, what does it mean by the multi-level
child selector? We can see on the webpage on the right-hand side that the
background color of a certain list item has turned to yellow. So what does it
mean by that? We can go to the division with class name called class2. And
inside this division, we have so many levels of elements. For this case, I have
the outer ordered list, which has an inner ordered list. So when I want to really
locate the list item inside the inner ordered list, I’m able to do so by using
so many closing angle brackets as the directions to guided me towards the
required elements. So we can go over the flow like this. Division with named
class2, and then we go to the ordered list. And we go to the ordered
list, which is inside the outer ordered list. And inside the inner ordered
list, I’m going to locate the “li” element here. So by means of the angle
brackets, I mean the closing angle brackets in this way, we are able to
locate the multi-level child very precisely. So after that, I would like to
talk about general siblings combinator So what does it mean by this word
siblings? We can see an example on my web page. So let me go to this section and
the code corresponding to this section is here
suppose I focus on h2 element here. The elements following this h2 element are
known as the siblings of the h2 element So this paragraph and this paragraph are
known as the siblings of the h2 element Okay. And the element above the h2
element is not regarded as the sibling of the h2 element. So this line is above
the element h2. So this paragraph is not regarded as a sibling of h2. So only the
elements below the particular element in focus are regarded as the siblings. And we
have to notice something as well If I have a division followed by my
paragraph which is a sibling of the h2 element, the elements inside this division are
not regard as the direct siblings of the h2 element, which is this one, okay. So
as long as we have another division inside my previous division, the contents
inside this inner division are not regarded as the direct siblings of the h2
element. So in this case, only these two paragraphs will be regarded as
the siblings of the h2 element. So when I want to really specify these two general
siblings of the h2 element, how can I do that? I can do something like this and …
on the CSS file Ok, class3 is simply the division
encloses the h2 heading. And in this way with the tilde character, I am able to
specify the paragraphs which are the siblings of the h2 element. So we go to
the division which has a name called class3. And in this division, I look for
the h2 element. And when I have the tilde character, I’m able to locate
the siblings of h2 element. So I would be able to locate this paragraph
and that paragraph. And you can see on the right hand side that the two
paragraphs have changed their font to monospace. And we can see that the
paragraph following the two direct siblings will not be changed to the
monospace font, because they are not regarded as the direct siblings of the
h2 element. Okay, so this is the way we can control the general siblings by
means of the tilde character being the combinator that joins the parent
element h2, okay. And finally I would like to say something about the adjacent
siblings combinator. So what is the meaning of an adjacent sibling
combinator? I would like to simply select the adjacent sibling of a certain
element without changing the styles of other siblings. So the adjacent sibling
simply means the first sibling just after the element before the plus sign.
So I will demonstrate the usage of this sibling combinator. So when I go to the
part that corresponds to adjacent sibling, I have two blockquotes. And if I
focus on h2, I would have two siblings One is the first blockquote,
the other one is the next blockquote. And the adjacent sibling simply means the
first blockquote element. So this is the first
sibling of the h2 element, while the second blockquote is not the adjacent
sibling corresponding to the h2 element. So in order to only change the style
of the first blockquote which is the adjacent sibling of h2, how can I do so?
I can do something like this on the CSS file Okay, I have a typo. So it should be blockquote. So we can see that the blockquote, which is the
adjacent sibling of the h2 element, has turned the background color to orange.
And I’m not able to affect the background color of the other sibling,
which is not the adjacent one, because of the + combinator here. I’m able to
just control the background color of the adjacent sibling instead of all the
siblings that follows h2 element. So this is the general idea of making use of the
combinators, as well as the descendant selector. So we are able to pretty
precisely locate the elements in addition to the original selectors
that we know already. For example, the class selector, ID selectors and so
on. This is the end of the video. If you have any questions about my video, please
leave your questions on the comment section below the video. If you like
this video, please give me a like and please subscribe to my channel. Thank you
for watching

BEST Way To Find TOP Selling Products For Shopify 2018 (Aliexpress Dropshipping)

BEST Way To Find TOP Selling Products For Shopify 2018 (Aliexpress Dropshipping)


Whats up YouTube, my name is Omid this is a channel where
you learn bad a$$ internet marketing tips and and strategies okay so normally on this
channel what I talk about is affiliate marketing how to make money online with
it and essentially how to run paid advertising and free traffic and all
that kind of jazz you can browse my channel if you’re new
here go ahead and subscribe hit the bell icon because I will be uploading videos
consistently starting in about two to three weeks so it’s coming up but as you
can see I haven’t uploaded a video in a while this is actually my first video in
about two weeks which is is I think the longest I’ve gone without uploading
since like October of 2017 so definitely I’m gonna hop back on in making more
videos and I’m just more motivated to just keep making these videos and now I
kind of want to talk about a really cool subject and you can tell from the title
already it’s basically drop shipping and
essentially more so product research so in this video I’m not really gonna go
over how to set up like a store or anything like that there’s tons of
videos already on YouTube I can make a series about that if anyone wants just
leave a comment below let me know but in this video I’m gonna show you the most
important part of drop shipping which is the product research and in the
marketing end of things I have a few videos on my channel already on this but
this is a different approach because I always when it comes to marketing and
you know different strategies to either do affiliate marketing or do you know
ecommerce and all that kind of stuff I don’t always just have one specific
way of doing things I have multiple ways and I think if you want to be a better
overall all-around and I would say like a good marketer then you definitely want
to have a bunch of different you know marketing tricks in your arsenal and so
this is just another one of them I have a couple of them more like I said for
e-commerce so you can check out my channel there’ll be a little I card here
thing you can press it and it’ll give you a list of the videos that I’m
talking about that are related to e-commerce into this video and their
different strategies but this is just another one of those strategies that I
haven’t shown you so I’m gonna show it in this video but yeah and for those of
you if you don’t know what dropshipping is with e-commerce first of all
ecommerce is just selling things online drop shipping basically what we’re
talking about here is we’re taking products that are being
sold in China for like let’s say there’s like a coffee mug in China that’s being
sold for $2 and you can go ahead and create a store online and sell it for
let’s say $10 first it was as I say it was $2 yeah let’s say we found in China
for $2 and we put on our website and we sell it for $10 we run paid advertising
I’m gonna try to get people to our website to buy the mug for $10 and we
profit that $8 that and essentially what happens is when somebody buys from our
store the we don’t actually hold inventory all the inventory is held at
the wholesaler at their warehouse in China and we just give them our orders
or our customer orders information to them and they ship out the product to
our customers so we never have to deal with any inventory and I’m sure many of
you watch this video already knew that but that’s just for those that if they
didn’t know what drop shipping with your e-commerce and drop shipping with
Shopify is and this is kind of what it is but essentially product research so
anybody can make a store you’ll hear people and other Shopify you know
gurus and stuff on YouTube what they’ll talk about some you’ll see a mix of
people either saying start a niche store or start a like a abroad store so like
either go into something like survival or camping and sell like camping
hammocks and tents and knives and that’s a very saturated market so that’s gonna
be very competitive don’t do that but the other end is to just just have a
huge store that sells everything from computer Mouse’s to or mice whatever to
coffee mugs – I don’t know screwdrivers like you can have a store that just
sells a broad range of things and that way you can go ahead and constantly test
products and to see which products work and you can make a killing with because
a lot of times with a lot how you’re gonna make your money and e-commerce
specifically if you’re gonna go drop shipping with Shopify is you’re gonna
make a lot of money on product trends and that’s what this video is I’m gonna
show you how to find you know these winning products because there are
people that do this every day that make tons of money researching product trends
now here we’re gonna be a little smart or we can say we’re gonna be a little
lazy and we’re gonna go out and instead of us testing products we’re gonna
figure out what stores are testing which products so we’re gonna make go and make
this another store or another person a successful one has put all the work in
to be successful with this product we’re just gonna go see what they did and just
pretty much replicate it and so I’m gonna show you how to actually do that
how to see which products are making a killing already through drop shipping
with you know Shopify so you can go and you know sell those same products as
well and through your own marketing methods I’m gonna show you all of that
in this video so stay tuned keep watching I hope this video doesn’t
go long because I do ramble quite a bit if you haven’t been subscribed already
or you haven’t noticed I do ramble but it’s the only way I can get everything
out in the proper manner because this channel I do really like to express a
lot of my videos not just talk fluff and just talk theory of stuff I want to
actually show you guys you know real actionable things you could do a lot of
times this is like content that a lot of people would charge for and I do charge
for some of my content here and there if you want to know about that email me
emails in the description below but a lot of times I just give away the stuff
that I would charge normally for free a little freebies here and there so this
is just one of those videos but anyways this is a site I’ll leave in the
description of the video it’ll give you essentially it’s already pre whatever
made I’ll give you the link in the description you can check it out but
it’s essentially finding websites with the web website IP address this right
here which is Shopify’s website IP address so Shopify is a Canadian company
that’s what they’re all gonna say Canada here regardless of where the company is
Gym shark I know is in the UK still says Canada cause it’s just Shopify but so
that’s just I’m just sayin so you don’t get confused but basically what you’re
gonna see here is that you’re gonna see all the sites that are built on Shopify
so they’re using the website IP address so they’re all built on the Shopify
platform so that means you know all these sites by ranking so colourpop’s a
huge site fashion nova is a really big site Gym shark huge huge company you
know movement watches these are all companies that a lot of us already know
so these these aren’t drop shipping I mean maybe that some of them could be
drop shipping their stuff but they’re mainly brands but we want to go after is
more like seasoned Shopify drop shipping stores you know that just like just
drops for a living those are the stores you
want to go after so we have to look for a couple keywords so this comes with a
lot of just research in general with what you see it if you see a trend and
different dropshipping stores and how they structure their urls and whenever
what I’ve noticed a lot is that a lot of these stores that dropship products from
China have like the word deal or trends in their URLs so I’m just gonna go with
like deal okay so like if I do deal we could see a handful here so let’s just
see like this one so fire deal space let’s check this out
so I’m just gonna copy that open a new tab make this bigger fire deal space and
we could see that from the looks of it right off the bat because I have kind of
a trained eye for looking at drop shipping stores this is a drop shipping
store and it’s actually the one where it’s not a niche store it’s a broad
store which is what I recommend for people to just start off with with
beginners if you just want to learn how to sell individual products this is the
best way to just make a broad store so you can see they sell anywhere from
these masked which these have been blowing up all the way from dog collars
to salad maker so a bunch of random products but how do we know you know
first of all if these websites are any good so there’s a Chrome extension you
can get called similar web right here but as you can see what happens
sometimes is the website might be too new where there’s not enough traffic and
so this chrome extension won’t work so what I recommend is that you go to
similar web comm you log in get the free sign up for free it’s completely free
what am i doing what am i doing okay let it load and I’ll type it up here
fire deals space so we could see it’s it’s growing so it’s it’s one of its a
smaller site as you can see but it is definitely slowly on the rise we could
see that it’s using mainly desktop traffic so if we run ads maybe we want
to just target desktop traffic now this is just an example of one of one of the
stores we could check out another one let’s do like this way let’s see buy
shop deals sounds super generic might be in the generic drop shipping store let’s
see yeah this looks like a drop shipping store so track my order happy customers
perfect let’s see let’s go to shop yeah so this is like accessories so you can
see they sell everything from like this is all stuff that you’d find on
Aliexpress super cheap like this this beard trimming groom shaping tool I’m
sure this thing cost like 2 bucks but I’ll show you also how to provide the
products oops so let me show you if I go to like one of these sites there’s a lot
of stuff going on here I go to this site I could see with the similar web
extension that this site just shot up so it’s brand new drop shipping site or not
brand new since December but you can see that it shot up they’re probably making
a good amount of money because they are getting tons of traffic now if you
wanted to even dive deeper into it I would go to the similar web Pro
extension and you could see ton more visitors coming in flowin about 100,000 monthly visits on this site so pretty big site we could see the
demographics of the site so mainly male 25 34 so this is also if you can use
when you want to go in to advertise for your ads to know like
kind of adds to run so now when you find these these drop shipping stores that
are this is like the strategy is that you find drop shipping stores and you
see what good selling products they run and you go find those products and then
you also go and find how to you know advertising material for those products
so it’s the whole shebang in this video kind of I’m going to show you after you
find the store what do you do next okay so now I’m going to show you how to find
actually the best selling product on each site so what you do is you do a
slash and then you paste this I’ll also have this in the description of the
video you can find it but it basically does the collections and it sorts by
best selling so we could see the best selling products on this site just let
it load and we can see the number one best selling product here is anti
barking device so let’s just click on that mmm it’s the anti barking device so
this is something that could be easily drop shipped online see already five
reviews a lot of people have viewed this item 245 people purchase this item
already so this is a good selling item already on here we could see and this
site was getting a good steady increase in traffic is when we look at similar
web so now how do we go out and actually you know get this product from a China
supplier and how do we even advertise it so this right here is an anti barking
device so what we want to do is go to a site like Aliexpress and in Aliexpress
we can just look up anti barking ain’t a parking device boom then what we
can do is just sort it by orders because we want to show pride never versus like
12,000 orders on this as you can see excuse me let’s just click on this yeah
this is literally the exact same thing the literally the exact same images this
one exact same images taken from here so this product with e packet to the US
comes out to a total of about two dollars three dollars so let’s say we’ll
just do the black one and wide the case two it will say about five bucks shipped
to our customer and they’re selling it for $20 so that’s a fifteen dollar
profit margin on this right here when somebody buys this now how do we go out
and actually get people to our store once it’s made and we’ve imported this
product from Aliexpress well we Facebook guys so what we can do is go into an
incognito window straight up go to Google type in site Facebook just how
I’m writing it site cool on Facebook space and then in quotes I’ll put
something like anti barking end quote press Enter and boom there you go
found an ad right away anti barking this is huge 6.6 million views 2.2k likes
2k comments and if you’ve watched my Facebook ad let me make this bigger if
you’ve watched my Facebook ad strategy video which will also be routed up above
in the i you will know this strategy on what I just did and if you watch that
video you’ll see how I can take this same ad and extract how they’re
targeting so I can see what interests they’re targeting through my method it’s
in that video it’s my most popular video on this channel I go highly recommend
you check that out because that is gonna that’s the secret sauce on all this but
um let’s see proud pets good oh that’s really loud actually yeah
in my headphones no more stop barking so this is just a simple video all you
really do is right click show video URL take this URL copy it and type in
something like facebook video downloader or something like that and there’s
something here boom paste that download the video by – bing bada boom just like
that you could do that I’m not gonna download that but that’s how you can
just grab this video – if you wanted it and yeah this is all educational
purposes only not responsible for anything that you do but that’s just
kind of what you can do there now how do you know if people even clicked on this
or who the hell clicked on this thing it’s a Google short link so we can do is
copy it paste it but before you press enter put a plus at the end hit enter
and boom holy mother 3.3 million 3.3 million clicks that’s
actually crazy it’s half the people that clicked on
this they’re half the people that saw this click on it that is absolutely
insane most of it was on Chrome or on Android 2.6 million came from Android so
you can tell they were probably targeting Android phones or something
and the regions they target a lot of Australia came a lot of US Canada Mexico
South Africa the UK so all of this I just revealed so much information in
this video for free but that’s it I know there was really no structure to it
I know there was really no structure to this video but I just showed you product
research hi oh you I just show you how you can really go out and how easy it
really actually is if you kind of think smart about things and you can go out
and find a winning website you can find a winning product you can figure out
exactly how to target how to find and source products through
China through out Express and if you want to know how to set up your Shopify
store let me know I’ll make a whole series on that and I will I can do a
whole series where I’ll walk through make a whole store and then actually
start running paid advertising and start making sales
and try to make a store that maybe makes $100 a day
to $1,000 a day that’s what I want to do I’m probably gonna make a store that
goes to $1,000 a day and then show you guys how I did it so let me know if you
want to see that smash that like button let’s get this video to 100 likes and I
will start you know doing that series once this way to get 100 likes
so go ahead smash that like button and share it with your friends and let’s get
that those likes up because it really helps grow the channel and that really
encourages me to just keep helping you guys and keep making awesome videos like
this and high content hi rich value content cuz you know education needs to
be cheap for people I don’t like how gurus charge a thousand dollars for a
course and teach wanted to be accessible for everyone
much love guys thanks for all the support hope this you found this video
well and you learn something let me know in the comments and I’ll get back to you
and that’s it guys much love, peace

Masha and The Bear – Home Alone (Episode 21)

Masha and The Bear – Home Alone (Episode 21)


Oh, wow! What? Is it Christmas again? Oh! Bear is probably still sleeping. Oh, we need to wake up our Bear! Bear! Wake up now! Bear! Are you not going to celebrate Christmas! But there will be presents. No, this will not do at all. I will decorate everything in no time. Oh, I am feeling so wound up! I will be happy-happy and celebrate this Christmas! Oh, you guys are good! You’re not sleeping, you’re decorating! Just a second! No… This is for boys. Boys! This is for you! Merry Christmas! Oh wow! Squirrels are not asleep either! Happy Holidays to you too! No… This is only for squirrels. Whoo hoo! Look everyone, how wound up I am! Phew… I’m so tired Look what I can do! Abracadabra! Oh, wow! It’s like it is a real celebration! Wow! And this present, who is this for? Ah! It’s a present for Bear! Merry Christmas, Bear! Uh-uh. We need to help this tree. Whoo-hoo! Whoo-hoo! It’s Christmas again! Bear! Here is another ornament! Oh, wow! Bear! Look! It’s Santa Claus! Here!

This Company Makes Upcycled Handbags From Cars | My Shopify Business Story

This Company Makes Upcycled Handbags From Cars | My Shopify Business Story


My dad bought a BMW 325i as a 50th birthday gift for himself. Unfortunately two years
after he bought the car he died from lung cancer and we had to sell the car
back to the dealership and back in 2008 when I was going through some paperwork,
I found a piece of paper that had the VIN of my dad’s BMW. This key we’ve kept all these years should start this car. That is absolutely amazing. I just wanted a piece of my dad I thought what better way to get reconnected to something that
he enjoyed before he passed away.

Unreal Engine 4: Part 10 – Analogue Clock (Real Time Clock Blueprint)

Unreal Engine 4: Part 10 – Analogue Clock (Real Time Clock Blueprint)


Hey everyone and welcome back to part 10 of this game creation series So in this video, we’re gonna be creating an analog clock or a real-time clock, whatever you want to call it Let’s go ahead and jump right in. The first thing we need to do is import a clock mesh I’ve already made one in blender so as you can see, I’ve got the clock base the hour hand the minute hand and the second hand I’m gonna bring these in Now, of course you’d want to make folders for your assets so we can see we’ve got the clock mesh The image for the mesh and then the materials then we also have the hour the minute and the second hand as well So we’re going to use all these in a second So once you’ve imported your assets and if you want to use these assets I know they are very basic But you want to use them to test or use them in your project. There’ll be a link in the blog So go ahead and check that out So now let’s go to add new Blueprint class I’m gonna add an actor And then I’m gonna rename this clock Underscore blueprint again, you can name this whatever you want Now once we’re inside it we need to first add the clock base So you could go to add component and search for it, but it’s a little bit easier if we close this down Select the clock mesh Then open up the blueprint again Now when we go to add component and then type static mesh We can see at the bottom now, it has the name of the mesh that we want to add which is the clock So I’m going to click this So now I have the base. Let’s add some more things. I’m gonna close this down Let’s start with the hour hand select this one. I’m gonna do the same thing go back Then I’m gonna be able to add a component and then static mesh So now let’s do the same for the next one This one’s for the minute Now before I add this one in I want to make sure I select the clock Because this is going to be the parent if we had this one selected I think it would cause us some trouble when we rotate things. So make sure you have the clock selected Then we go to component and again type static mesh And then let’s do the last one Again make sure you have the clock selected then add component Now we have these in all we need to do is make it work. So let’s switch over to the event graph And we could do this a number of ways we could do this with variables. I’m going to do this very basic and simple I’m going to right click and then type event tick Then I’m going to drag this out and then I’m going to type delay Now this first delay is going to be for the second-hand Clothes change this to one then over in the component section here. I’m gonna select the second-hand and drag this out Then from here drag this out and we can type set relative Rotation Then we get these two options here. Well, we don’t need to change the location. We just want to change the rotation So I’m going to select this one Then let’s connect this up So now let’s go back to here drag this out and then this time we want to type get relative rotation Then on this pin if we right-click we want to split this struct pin, we know it’s the z-axis that we need So I’m going to drag this out and I’m just going to type + we can use float + float And then we just want to plug this back into here But we can see it’s not going to work since they’re not the same So I need to do is drag this out and then we can type make rotator Like this and then by default, it’s just plug into the X So I’m going to hold ctrl on the left click and just place this back into the Z which it should be And then we can plug this return value into the new rotation And if you want you can connect these up, but nothing’s going to change anyway, but it’s just just to keep it tidy I guess now before we can test this We just need to set this value here and this is going to act as the degrees of rotation So we just need to work out the degrees of rotation for each hand. I can easily work there I’m just gonna grab a calculator. So we say 360 divided by 60 It’s 6 degrees. So we should use 6 degrees Change this to 6 So I’ll compile that let’s go ahead and test this out now Just a little bit messy, make sure you tidy everything up Now we can grab the clock blueprint bring this in because it’s far too big And we also need to rotate it. Let’s go ahead and see if this is working. You just want to make sure it goes round and everything works fine, but that looks good to me now we can do the same for the other two hands something got back to the clock and Essentially, it’s just repeating this same process now also, if you don’t want your clock to go so slowly you just want to speed this up by reducing the number so I will select all of these Then I’m going to press ctrl W just to duplicate them So let’s plug this into the delay we know every 60 seconds we want the we want the minute hand to move So I’m just going to replace this one with this Plug this into here, plug this into here And then we can just delete this So for this one, actually the rotation can be the same compile that let’s go ahead and test this out now So we’re not going to see anything until the first hand has gone all the way around then We’ll see the next hand move a minute So you can see probably needs to be 59 rather than 60, but we can see it works so I’m just gonna go back Change this here. Go back to the delay. So it really should be 59. Obviously. I’ve got that wrong And again, I’m just going to do the same thing copy all of these ctrl W Connect this up I need to replace this one with the.. with the hour-hand Connect this up So we just need to change this now to 30 Compile it and then go ahead and test it So now we just need to set the delay For an hour, so that will be 60 seconds times 60 minutes, which would give you 3600 so if you wanted this to be accurate in real time, this would be 3600 Then you can compile it. But if we sat around waiting for this to work it take far too long So I’m just gonna speed these numbers up. So the last thing I’m gonna do is just go back to the viewport I don’t want them all pointing that 12 from default. So I select the hour Let’s go to the rotation this can start from let’s say 90 degrees which would be 3 o’clock. So They can go ahead and speed the up slow it down do whatever you want make it look a lot better than this But hopefully you enjoyed this video and hopefully enjoying the series if you are be sure to give this video a like as always Thanks for watching and I’ll see you in the next one!.

Selector, Class and ID – Basic CSS3 Fast

Selector, Class and ID – Basic CSS3 Fast


Hello everybody, welcome to the css3
course. This video is going to talk about the selectors that can help us identify
the elements that are going to be decorated by means of the CSS format. Sso
suppose I have such an HTML file that outputs this kind of web page. So now I
would like to demonstrate many types of selectors by using this web page. So I
would like to demonstrate the selectors in a number of categories. For example,
the element selectors, ID selectors, class selectors and attribute selectors.
And before I demonstrate these selectors, I would like to introduce one selector called universal
selector Okay, what does it mean by an universal selector? It just means that
the selector is going to choose every single element that is shown on the HTML
file. So how can I do that? I can do something like this as a demonstration Okay, when I set the text color to be
blue, I’m able to see all the characters on the web page to be turned to blue. So
it means that when I simply put an asterisk before the opening curly brace,
I’m able to select every single element that is present in the body
element, okay. So you can see the all the letters are turned to blue by means
of the universal selector. And then I’m going to show you the element selector So I would have one example Okay, so what does it mean by the element
selector here? When I just input the element which is h1, I’m going to set the
font size of each h1 element inside my HTML file to be having 48 pixels as the
font size. So for my HTML file, I have one h1 heading. So I would have one
heading to be set as 48 pixels. And it does not affect other elements
because this effect is only applicable to h1 elements, okay. When we want to
change the outlook of some elements, we don’t always need to set up the
selectors element by element. Actually we can also group multiple element
selectors to apply the same style. So how can we do that? I can do something like
this here Okay, here I would like to set up both h1 and P elements to have the font color
being magenta. So we can check the webpage on the right-hand side. So you
can see the P elements together with h1 elements are now turned to magenta. And
other parts being not h1 or P elements will still remain to be blue, because
this is the setting provided by the universal selector. So we can see one
important property by means of this example. We can see that the latest style
present in a CSS file would override the previous style. So for the font color
example here, magenta will be able to override um blue if these two elements
are required to set to another color. And these lines of code appear later than
the universal selector, so we can say that the latest style mentioned on the CSS
file is able to override the previous style on the earlier part of the CSS
file. S I can show you one more example for this situation Okay, you can see that
the font color for the paragraph elements are now turned to tomato. That
means the tomato color is even able to override the magenta colors set
previously in these lines of code. So this example also demonstrates the
latest styles are able to override the previous styles mentioned on the same
CSS file. After that I would like to identify the ID selectors to you. An ID
selector is something like this. When we want to set up an ID for your HTML file,
you have to notice that the ID is unique throughout the entire HTML file. It
cannot be shared among other elements of the same HTML document. So suppose I
would like to set up the unordered list like this. And I would like to set up the
ID for this unordered list element. And if I want to change the outlook of my
unordered list, I would like to specify the ID on my CSS file. How can I do that?
I can do something on the CSS file as follows Okay,
I’m able to identify the ID by using the hash character, followed by the ID name,
okay. So now I’m able to set the list-style-type from solid circle to
hollow circle, okay And after the ID, I would like to set up
another identifier called class, okay. So what is the meaning of a class? It is
pretty similar to an ID, but we can apply the same class
mentioned on this stylesheet to many other parts of the same HTML file. So a
class can be designated to multiple elements. And I’m going to show you this
property very soon. And before that, I would like to identify part of the ordered list shown here as class1. class equals class1. And if I want to specify
the outlook for this class, how can I do that
I can simply go to the CSS file and type something like this Okay, you can see that I just use a dot
followed by the class name to declare or to specify the class to do the change in
the outlook. So now you can see that the ordered list here will be
having a color of light green as the background color. And as I told you, a
class can be designated to multiple elements. Since my next paragraph is also
having class name called class1, you can see that on the paragraph here just
after the the ordered list will also have the light green color as the
background color. And more than that, an element can be assigned to multiple
classes. So when I set the blockquote to be having class1 here, I’m also
able to change the outlook according to the styles specified for class1.
So we can see that the blockquote also has the background color being light
green. And then I’m going to show you an … another property of class selectors. And
this property is quite useful for us And you can see from the blockquote opening tag
that I have two classes being included as the value of the class attribute. So I
just use a space to separate two class names. Now I would have another class
called class2 just after class1, separated by a space. And what does it mean
by that? I can simply assign another style specified by class2 to the same
element Okay, when I apply class2 to the
blockquote, I’m able to set the alignment of the text to be the justified mode,
okay So you can see that the letters are
aligned on the right hand side. So this is a very important property of the
classes. The multiple classes can be applied to a single element, okay. And I
can also apply the same style to another element. For example, this one. So I just
now apply the the same class called class2 to another element. So you … you
can see that another paragraph is also right justified, okay. So this is an
important property again. We can apply the class to different portions of your
webpage when we want to be more specific about the element to style, we can do
something like this which is known as an element-specific class. So there are so
many paragraphs in this HTML file, as you can see from the webpage on the
right-hand side. If you want you just specify one paragraph to have a
certain style, how can you do that? I can do something like this here Okay, what does it mean by this dot here?
This dot is going to link the elements together with the class. So this selector
means that you need to locate the element as follows. We need to specify
the paragraph that has a class called class2. So the monospace font family
does not affect other parts of the webpage. It just affects the portion
specified by the paragraph that has a class name called class2, okay. So this
is known as the element-specific class So we have finished the class selectors.
The other thing to talk about is the attribute selectors shown here. So what
does it mean by that? An attribute selector means that we really need to
specify the attribute when we want to locate the element correctly. So now I
have a … I have some input elements. And if I want to specify the input elements
correctly, I need to take care of the attribute selectors issue Okay, let me
show you an example on the input elements on the right hand side of the
screen Okay, you can see that the name textbox has turned to lawn green. I mean
that the background color of the box has turned to lawn green. Why? When we look
at the input element on the HTML file, I’m actually doing something like this.
The input element is specified by the input keyword here. And for my CSS file,
I’m going to locate the input element that has an attribute called ID. So this
element has an attribute called ID. But the input
element next to the name textbox does not really have the ID attribute. So
we can see that this selector is just able to help me locate the element which
has the ID attribute. So only the first text box will be turned to lawn green.
But the second text box will still remain unchanged. In addition to
specifying an attribute, we can also specify the attribute-value pair if we
want to locate the element very precisely. So we can see an example like
this Ok, I’m able to make this link a larger font. The reason is that when I
simply go to this link which is here, this link has an attribute-value pair
called target equals blank. But the other hyperlink on top of it does not really
have this attribute-value pair. So I’m able to locate the anchor element with …
with this attribute-value pair indicated. So I’m going to locate the
link shown here very precisely without affecting the anchor
element that does not have this attribute-value pair. And then I can also
specify the elements by using the value selector. What does I mean by
that? We can see an example here Okay, you can see that this checkbox has a very
large area So what does it mean by this large area?
I just change the checkbox size by specifying the height and the width of
the checkbox. So what does it mean by this selector? input value tilde equals
graduate? We can just go to the check box here. I just want to change the size of
the checkbox when the value is equal to graduate. So this tilde equals means that
I’m able to select the value very accurately. I’m not going to select
post-doc, college, below college, or no schooling, because I have to really find
out the value component of an attribute- value pair being graduate exactly. And in
other input elements, I’m not able to find out this pattern exactly graduate.
So only this element with this pattern called graduate will be turned to a big
check box size, okay. And after that, I’m going to show you the element selector
with the value starting with some word Okay, what does it mean by this selector?
input value vertical line equals below just shows that we have to find out the
value component of an attribute-value pair with the word “below” at the
beginning. So when we check the input elements, I’m able to see that only this
one can satisfy this condition, below-average. And other
input elements don’t have this pattern as the beginning of the value component
of an attribute-value pair. And then I’m going to show you another element selector with the value starting with some characters. So let me show you
an example now Okay, we can see that the checkbox corresponding to college will
be set to another checkbox size. So what does it mean by this kind of element
selector? I’m going to look at the value which starts with “col”. So when I check
the input boxes, I’m only able to find out this one being started with “col”. So
I’m able to locate this one and I’m not going to locate other input elements
because none of these input elements would have some value starting with the
“col”. Only this one will be chosen, okay And I’m also able to denote the element
selector with the value end with some characters. So how can I do that? Okay, we
can see that the checkbox corresponding to “no schooling” has turned
to another checkbox size. The reason is that we can see that only the checkbox
corresponding to “no schooling” would end with “g”, okay. And no other values would
end with “g” when we check the other input elements, okay.
Only this one will end with “g”. So we can simply locate the element very
precisely, without affecting any other unrelated
elements. Finally I’m going to show you the element selector with the value
having some characters inside. So we don’t need to specify the beginning
characters or the ending characters. We can just specify the characters in
between some words Okay. What does it mean by that? When I simply say value
star equals “ost”, I’m able to locate the postdoctorate level checkbox. The reason
is that I am able to find out “ost” here. And this pattern is not at the
beginning of the value or it is not a the far end of a certain value. So when
we use the star or asterisk equals operator, I’m able to locate the value
which has “ost” inside. So this is another way of helping me locate the elements
very precisely. So we can see that there are so many selectors allowed in CSS: the
element selector, ID selector, class selector, and attribute selector, together with the
universal selector at the very beginning of my illustration. This is the end of
the video. If you have any questions about my video, please leave your
questions on the comment section below the video. If you like this video, please
give me a like and please subscribe to my channel. Thank you for watching