HomeОбразованиеRelated VideosMore From: Online Tutorials

How To Add Social Media Icons Without Images - Font Awesome icon css hover effect - SUBSCRIBE Us

660 ratings | 63240 views
Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Html code for embedding videos on your blog
Text Comments (98)
shubham vaidya (1 month ago)
awesome tutorial add some more please
Arif Waqas (1 month ago)
In order to center the icons, guys try reducing the line-height - worked for me, cheers! :)
Only E (1 month ago)
6:11 How did you select all <a> at once to do the =href ?
Leroy -020 (2 months ago)
can you pls send me the codes it is not working if i do it by myself???
Online Tutorials (2 months ago)
check fontawesome cdn in working or not
gama foendoe (2 months ago)
I'm only getting a white square when I type everything in that you showed me
Arjun Rajpoot (2 months ago)
Not working
MrA16 Music (3 months ago)
Can you add these without Bootstrap?
Miss Amel (3 months ago)
thank you so much
Ramiro Junior (3 months ago)
Valeu cara, me salvou.
Kevin Cruz Sosa (4 months ago)
My icons are not rotate si exactly like the video please helpp!!
Rexor Gutierrez (4 months ago)
my social web logo doesnt show up please help , ive already doin the code
Kai Corston (5 months ago)
doesn't work
Arijit Mazumder (5 months ago)
Ul li a:before This line has got some problems the colour bar is comming in a straight line .. and at the time of hover covers all icons plz send suggestions
Easy Sites (6 months ago)
nice music and nice programming. thanks!
Daniel Volpatti (6 months ago)
This is NOT for wordpress right? would it be applicable by any chance?
Neon Knives (7 months ago)
When ever I do the rotatey it rotates the whole icon circle instead of just the symbol??
iNerf Gaming (7 months ago)
thank you so much
Mr Krabs (8 months ago)
Hey it works very well but the logo is mooved too much over. What could be the problem?
Mr Krabs (8 months ago)
Online Tutorials help me pls
Mr Krabs (8 months ago)
Mr Krabs (8 months ago)
Online Tutorials hey thank you for your fast answer, but it still does not work. no matter how much I change the altitude, nothing changes.
Online Tutorials (8 months ago)
plz check line-height
Trumped (8 months ago)
whats the background music? its very relaxing
siddhartha tyagi (8 months ago)
for whats app??
SinceAfter (8 months ago)
Why it doesn't show me any icon? Only a little square
Neon Knives (7 months ago)
Change the first “fa”in your body to “fab”
Online Tutorials (8 months ago)
https://fontawesome.com use icons from here
Pankaj Agarwal (8 months ago)
Sir mera icon नहीं Aa rha hai.. Jish site ka link uper link मैं देना है वो भी दे दिया copy paste karke.. Phir niche ul मैं li main jakar site se logo ka path copy paste kar diya lekin nahi Aa rha hai
Sonya Sembiring Depari (9 months ago)
can you send me the codes? please?
john (10 months ago)
thanks man!
Shaheen (11 months ago)
every think is ok but i could not find out.. "Font Awesome icon" 's wave side... can u give me this sides links....
blvckmxsk (11 months ago)
how do you center the icos in the section?
Don Creamy (11 months ago)
how can you create this without it being stuck in the middle of the page? I can create it but I cant move it anywhere in the div...
Rephat Ara (1 year ago)
Thank you so much......
Online Tutorials (1 year ago)
+Rephat Ara welcome :)
Alexxx123 (1 year ago)
can you put these in the navbar?
Tech Shab (1 year ago)
i love your all design please upload your design bootsnipp.com with html css javascript
Salf (1 year ago)
thats awesome dude. but only one things, what actually mean this code >>>:nth-child()<<<<.
Online Tutorials (1 year ago)
please search w3schools.com in google for best answer
Rolan Mangubat (1 year ago)
thanks a lot
Online Tutorials (1 year ago)
+Rolan Mangubat welcom3 bro
Reksmey Ok (1 year ago)
Thank for your video.
Online Tutorials (1 year ago)
+Reksmey Ok welolcome bro
Ar-Ar (1 year ago)
my problem is the display:block;
Doug Boughton (1 year ago)
How can I get this code?
Online Tutorials (1 year ago)
watch full video
Muhammad Junaid (1 year ago)
there are no coming in center in white box social icons bro please what I do?
Muhammad Junaid (1 year ago)
do you speak urdu/hindi?
Muhammad Junaid (1 year ago)
I have seen three times but not get any improvement in social icon'''''''''so I have deleted all files from pc
Online Tutorials (1 year ago)
please watch video again and code
Alex Paul Rubinstein (1 year ago)
Very good video. You are always on top. Thank you.
Online Tutorials (1 year ago)
welcome bro...thank u too
Nic CHEUNG (1 year ago)
Thank you very much! My master!:) And you have very nice musical taste.
Zim latest (1 year ago)
John Rey Puada (1 year ago)
i put it in my website but the things in my navigation bar effects it how could i fix this?
Asia Pcm (1 year ago)
when i write style code same as yours my icons gone to up , how can i bring it to center of page or nav-down ? if you have code please share it . thanks a lot
Josh (1 year ago)
try this. ul li a .fa { position: relative; padding-top: 20px; } should fix it hopefully
Online Tutorials (1 year ago)
welcome...please check css position
MrDEZMAT (1 year ago)
how do i make it not interfere with my nav bar? good tutorial!
Wout Ballet (1 year ago)
You have to give it an id than
Online Tutorials (1 year ago)
thanks :)
Green Light (1 year ago)
Where can I get the code?
Online Tutorials (1 year ago)
in this video
RONAK (1 year ago)
I am learning web designing but your css tutorial is great. thank you so much for teaching us.
Online Tutorials (1 year ago)
:) welcome bro
clarice.IT (1 year ago)
Very nice!
Online Tutorials (1 year ago)
Juber khan (1 year ago)
awesome bro nice tutorial for me i have never watch this video keep it up
Online Tutorials (1 year ago)
welcome bhai
Nikhil (1 year ago)
best tutorial
Online Tutorials (1 year ago)
thanks bro
Orange Technologies (1 year ago)
how to insert it in wordpress
Online Tutorials (1 year ago)
use same code bro
lajobs (1 year ago)
thx , bro)
Online Tutorials (1 year ago)
welcome bro
Febriyan prayoga (1 year ago)
i am still get error
Tomáš Petrlík (8 months ago)
maybe you bad english <learn english first> :after { try to code than }
Online Tutorials (1 year ago)
Ray Johnson (1 year ago)
can i add the to adobe muse and if so how
Online Tutorials (1 year ago)
no idea about adobe muse...
Calm & Happy (1 year ago)
This tutorial is awesome! Thank you!
Online Tutorials (1 year ago)
welcome :)
Eric Groot (1 year ago)
I'm having problems getting my page to even look like 2:38. Can you explain how you got your second link tags? Where are those long strings from?
Online Tutorials (1 year ago)
after 2:38...plz do CSS bro
Jonas R. (1 year ago)
awesome :) ty
Online Tutorials (1 year ago)
welcome bro :)
M D (1 year ago)
thank u
Online Tutorials (1 year ago)
welcome brother
moises aguilar (1 year ago)
another tutorial very good!!!!!!! ;)
moises aguilar (1 year ago)
Online Tutorials (1 year ago)
+moises aguilar great
Online Tutorials (1 year ago)
+moises aguilar i upload 1 or 2 video everyday...plz visit regularly
moises aguilar (1 year ago)
yes I do it I have actived the notifications!!!! ;)
pablo castello (1 year ago)
How I do to do these icon but responsive ? Thanks.
Online Tutorials (1 year ago)
plz use css media query
Yash Khade (1 year ago)
thank you, but can you provide the padding file of style .css
Online Tutorials (1 year ago)
welcome bro....padding file???

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.