Easily Add Social Media Icon Links to Your Website with HTML & CSS

  Рет қаралды 159,708

dcode

dcode

Күн бұрын

Пікірлер: 115
@swapnilbauskar3485
@swapnilbauskar3485 2 жыл бұрын
Broooo , all concepts you explained to me in the video i understood them crystal clear. I had been watching other YTubers for this & all of them flopped around the concept. You got straight to the concept & made it easy to understand at the same time making it easy to execute. Please do more videos like this of other languages as well. I subbed. Love ya !!!
@sanskrutiswami8276
@sanskrutiswami8276 2 жыл бұрын
I was recently given an assignment to create a login form and I had no idea how to add the social media icons. Thank you for the explanation! It was really helpful.
@kenduxbury7122
@kenduxbury7122 3 жыл бұрын
Beginning web dev here...THANK YOU for this vid!!! Helped tons.
@esasrl3384
@esasrl3384 3 ай бұрын
You are a life saver mate! Greetings from Italy 🇮🇹
@medical12262
@medical12262 Ай бұрын
Best coding teacher ❤
@precious8326
@precious8326 2 жыл бұрын
omg, thank u so much , I searched so hard online and was so confused your video answered every question! SO SIMPLE will be subscribing ; )
@Kreative_kelly
@Kreative_kelly 3 жыл бұрын
Total lifesaver! Thank you for the easy explanation!
@Onowhosamuel
@Onowhosamuel Жыл бұрын
This was very helpful brother, straight to the point. thanks once again.
@lewkez
@lewkez 3 жыл бұрын
this is one of the best tutorials i've followed so far! thank you so much :), definitely deserverd a sub
@tessr6238
@tessr6238 Жыл бұрын
Clear, concise instructions that worked a treat - thanks!
@dcode-software
@dcode-software Жыл бұрын
You're welcome
@Leusleoe
@Leusleoe Ай бұрын
Fantastic ❤
@sayori3939
@sayori3939 Жыл бұрын
Thanks this is the best website for icons I've seen so far, they're very easily customizable, check the usage page, you can change colors, size
@An-yh2bl
@An-yh2bl 2 жыл бұрын
Thank you! :) Great tutorial, I had problems in a project with the underline at the social icons and I couldn´t make it disappear, now I know how to make that too! :)
@patriciakulemeka2433
@patriciakulemeka2433 2 жыл бұрын
this really helped me i was struggling to put icons thanks
@fidelisomoni7537
@fidelisomoni7537 2 жыл бұрын
I could give you a hug for this, Thank you soo so much man!!!
@dcode-software
@dcode-software 2 жыл бұрын
No problem 😊 glad I could help you.
@edwinmaina4real
@edwinmaina4real Жыл бұрын
Your video and sound are of good quality. Good job . Thank you for the video.
@erikdinos1229
@erikdinos1229 Жыл бұрын
thanks! so easy to do,if you get the easy instructions!
@Mercinity
@Mercinity 2 жыл бұрын
how do you change the logo size and location? I want the logo to be along the bottom of the page
@kennjenkins5645
@kennjenkins5645 2 жыл бұрын
Sir, You are a very good instructor thank you.
@alskopim
@alskopim Жыл бұрын
Is there a way to change the size of the icon?
@fabricioteidy
@fabricioteidy Жыл бұрын
On css its just font-size
@work9167
@work9167 2 жыл бұрын
Beautiful. Nice and simple explanation
@kidtukwan
@kidtukwan Жыл бұрын
Thanks buddy! I link your explanation 😉
@catcollector9495
@catcollector9495 3 жыл бұрын
This was super helpful, thank you! Is there by any chance a way to size up the icon once you've added it in?
@olanrewajuarilomo
@olanrewajuarilomo 3 жыл бұрын
Yes, simply add a "font-size" property to your class. E.g .icon{ font-size: 50px; }
@shehryarkhan3646
@shehryarkhan3646 2 жыл бұрын
You can also use this property: and u can use the CSS property like: ion-icon { font-size: 30px; }
@maxencejouane2337
@maxencejouane2337 2 жыл бұрын
@@shehryarkhan3646 thank you so much i was struggling for 1 hour trying to change the size and saw your comment and tried it out. Thank you!!!!!
@shehryarkhan3646
@shehryarkhan3646 2 жыл бұрын
@@maxencejouane2337 You are Welcome, bro! 😊
@sherazkhan6522
@sherazkhan6522 2 жыл бұрын
@@shehryarkhan3646 thnx alot
@OujiDDumb
@OujiDDumb 3 жыл бұрын
how do i make it big!!! height and width not working men
@fieryninja2374
@fieryninja2374 2 жыл бұрын
Best tutorial really helped
@whyjamesisacommonname
@whyjamesisacommonname Жыл бұрын
thanks, i learned something :)
@sayaankhan3484
@sayaankhan3484 2 жыл бұрын
You would think it would be this easy and simple.
@prenzgamer2001
@prenzgamer2001 2 жыл бұрын
Thank you so much! vey helpful...
@warlordxone07
@warlordxone07 2 жыл бұрын
Thanks a lot bhai love u ❤️❤️❤️
@SpeedySurprises
@SpeedySurprises 2 жыл бұрын
Thanks. You are helpful.
@DineshRawat10
@DineshRawat10 2 жыл бұрын
Thanks a lot 😍✨
@prasannasilva7754
@prasannasilva7754 3 жыл бұрын
absolutely handy! thanks
@mightycoderx
@mightycoderx 3 жыл бұрын
I'll use ionicons next time I need icons instead of font awesome which is more of an hassle
@CodingGeeek
@CodingGeeek Жыл бұрын
Hi buddy! I hope you're doing great. which font-family you're using in vscode?
@JoanaSilva-fk3ld
@JoanaSilva-fk3ld 2 жыл бұрын
Hi Dom. Thanks for this helpful video! Is there any way to change the icons alt text on hover? From "Logo Twitter" to just "Twitter", for example.
@nanchinsunday6136
@nanchinsunday6136 5 ай бұрын
Thank you your video helped me 😂😂
@simrandubey2596
@simrandubey2596 2 жыл бұрын
Thank YOu for the video it help allot
@dilkihansapani9145
@dilkihansapani9145 2 жыл бұрын
Thank you buddy😍
@ibrahim_011
@ibrahim_011 Жыл бұрын
really helpful
@sridharreddy5714
@sridharreddy5714 2 жыл бұрын
It was a great video sir i have seen in youtube regarding this topic i have a doubt sir i am new to html and css in this video you shown how to link the social media icons with our links but who ever clicked the link they can access our account right but i want to add my social media account to just to read it not for writting shall i know how to do that
@gomango99
@gomango99 2 жыл бұрын
That's great! Is there a way to have a short caption underneath it?
@SvetaSveta-ms4hi
@SvetaSveta-ms4hi 3 жыл бұрын
Thanks a bunch! 😍
@appiahfred2275
@appiahfred2275 2 жыл бұрын
Gracias amigo ❤👍👍👍Thanks
@btgdiablo2030
@btgdiablo2030 3 жыл бұрын
how do i change the size of the icons? I saw one comment below but I can't figure it out.
@damanackal
@damanackal 2 жыл бұрын
ion-icon { height: 50px; width: 50px; } You change change the height and width like this in your .css file
@daranithin6157
@daranithin6157 Жыл бұрын
@@damanackal thanks a lot !! saved my time
@GGP2003
@GGP2003 Жыл бұрын
For some reason that didn’t work for me
@Laughteragency
@Laughteragency Жыл бұрын
​@@GGP2003 Make sure you put the dot sign before the tag up
@takimoussa7
@takimoussa7 Жыл бұрын
Try font-size
@Elite_OCE
@Elite_OCE Ай бұрын
thank you for this video but im a bit stuck on how to change the size could u help me on that pls
@guyrowes1867
@guyrowes1867 3 жыл бұрын
Very nice man
@Woodcourtstudio
@Woodcourtstudio 2 жыл бұрын
Thank you so much
@giovannimichel5506
@giovannimichel5506 3 жыл бұрын
Thank you for the intel.
@mumbaikachallenge5526
@mumbaikachallenge5526 2 жыл бұрын
Thank you❤️
@bluecollarscrooge3981
@bluecollarscrooge3981 2 жыл бұрын
like the video but having problem positioning icons. using margins and padding (floating to the right but dont want the far right) and having issues.otherwise good
@lol-hz9mc
@lol-hz9mc 2 жыл бұрын
Thank you
@RianY2K
@RianY2K 3 жыл бұрын
Wow i dont know this Icon service is exist. This become alternative from font awesome.
@eliadisousa
@eliadisousa 2 жыл бұрын
In a Blogger gadget the default color of icons is gray and the hover orange.
@mattheworton9803
@mattheworton9803 2 жыл бұрын
Does this still work I'm using sublime text and I've entered the code but the icons not showing up on my html?
@havicff3992
@havicff3992 2 жыл бұрын
thanks broo....
@phillipcroukamp1825
@phillipcroukamp1825 Жыл бұрын
How can I make the link open in the mobile app for socal media when someone opens the link on their phone?
@thatdumdumguy1548
@thatdumdumguy1548 2 жыл бұрын
hey just asking, what software are you using to do html?
@dcode-software
@dcode-software 2 жыл бұрын
VS Code
@thatdumdumguy1548
@thatdumdumguy1548 2 жыл бұрын
@@dcode-software hey do you also know how to change the color of the icon?
@akbarkarshiev2983
@akbarkarshiev2983 2 жыл бұрын
thanks broo
@espectrograma
@espectrograma 2 жыл бұрын
Hi Dom. This video was very helpful for me, to drag followers to my social media through my website. On the other hand, I'd like to encourage the visitors of some pages of my website to share those pages with their friends. To do that, I suppose I might replace the address of my social media (facebook, twitter) for some other facebook and twitter address so that the visitors was directed to their own social media. Do you have a video on that matter? Thank you very much. Edgar, from South Brazil.
@tom_barongo
@tom_barongo Жыл бұрын
I wish you were answered, I could have learned too. Could you please help me on the same matter if already knowledgeable about it?
@espectrograma
@espectrograma Жыл бұрын
@@tom_barongo Unfortunately I didn't get through that issue so far.
@ourspolair7118
@ourspolair7118 2 жыл бұрын
I have a syntax error : is not recongnized, how to fix it?
@fannyfranzen7561
@fannyfranzen7561 3 жыл бұрын
Thanks
@OVERSKETCH
@OVERSKETCH 2 жыл бұрын
my concern was that the icons seemed to be too small in my website when i tried to code it in, although i did put some margins it did work but the size cant seemed to be working
@anandmahamuni5442
@anandmahamuni5442 2 жыл бұрын
Same w3s has similar library but can't change the size at all
@aatikaati1038
@aatikaati1038 Жыл бұрын
How to change the size and give space in icons....i tried all properties about size but no work working
@Imk4r4n
@Imk4r4n 3 жыл бұрын
0 dislike bro : )
@maprajwol950
@maprajwol950 2 жыл бұрын
How do i adjust its size?
@kiroka9129
@kiroka9129 Жыл бұрын
您好,我想问一下,如果我想添加的社交图标不在网站上,例如行,我应该如何修改它
@3bdostation476
@3bdostation476 2 жыл бұрын
how i can move him and make it biger????
@alexisbaffoe1397
@alexisbaffoe1397 Жыл бұрын
What about calling, whatsapp and email?
@jazleen5743
@jazleen5743 Жыл бұрын
works, but it only appears on microsoft edge and firefox and not on google chrome?
@Elite_OCE
@Elite_OCE Ай бұрын
it does work on, chrome, what you on about?
@vroger7959
@vroger7959 2 жыл бұрын
How to put this logo on the center of my page ?
@CreativeTutorialsWeb
@CreativeTutorialsWeb 3 жыл бұрын
Impressive
@djordjestankovic7484
@djordjestankovic7484 2 жыл бұрын
thanks
@cherrym3202
@cherrym3202 2 жыл бұрын
Hiii, this didn't work for me:( I had to make a "website" for a performance task in our school. I'm not sure what i did wrong but the icon itself wasn't showing up when i refresh the site.
@cherrym3202
@cherrym3202 2 жыл бұрын
is there something else i need to know or learn before trying to do this?
@SimplyALord3542
@SimplyALord3542 2 жыл бұрын
you should prob write ur code here so people can look for an error
@MalcolmTheRealtor
@MalcolmTheRealtor 2 жыл бұрын
How do I align them vertically?
@aatikaati1038
@aatikaati1038 Жыл бұрын
Flex-direction : col;
@OujiDDumb
@OujiDDumb 3 жыл бұрын
how do i move it
@garbaty2000
@garbaty2000 2 жыл бұрын
position: absolute: left: top: bottom: right: pair of these (ex. top, left) is enough
@ecommerceproject6569
@ecommerceproject6569 3 жыл бұрын
may i have copy of this html code pls?
@bea027
@bea027 2 жыл бұрын
won't work on mine :(
@pepidge3371
@pepidge3371 Жыл бұрын
why doesnt it have tiktok
@yatheeshgowda6191
@yatheeshgowda6191 2 жыл бұрын
Hii guys my name is Document Object Model (DOM) You are born for the web DOM
@divanshverma3466
@divanshverma3466 3 жыл бұрын
How to change logo size please reply
@divanshverma3466
@divanshverma3466 3 жыл бұрын
@Nate 338 thx
@Amal-xq1bm
@Amal-xq1bm 2 жыл бұрын
thANK YOU
@lisasievers8059
@lisasievers8059 2 жыл бұрын
you should clearly say PAY FOR ICONS!!!
@aquasplash545
@aquasplash545 Жыл бұрын
thanks for this vid. I got an alternative to FontAwesome.
@nikki.cad0s
@nikki.cad0s Жыл бұрын
I am so confused, i did everything in the video but nothing worked. It keeps saying it refused to connect.
@jibanpradeepchand9102
@jibanpradeepchand9102 2 жыл бұрын
Thank you 😊
@codetherapytt978
@codetherapytt978 2 жыл бұрын
Thanks
@dcode-software
@dcode-software 2 жыл бұрын
You're welcome!
@Local_Nerd
@Local_Nerd Жыл бұрын
Thanks!
@ocean.w.a.v.e.s
@ocean.w.a.v.e.s 2 жыл бұрын
thank you!
Learn CSS icons in 8 minutes! 🐤
8:33
Bro Code
Рет қаралды 44 М.
How to put an HTML website online (on the Internet)
29:37
SuperSimpleDev
Рет қаралды 1,8 МЛН
小路飞和小丑也太帅了#家庭#搞笑 #funny #小丑 #cosplay
00:13
家庭搞笑日记
Рет қаралды 13 МЛН
How Many Balloons To Make A Store Fly?
00:22
MrBeast
Рет қаралды 173 МЛН
I thought one thing and the truth is something else 😂
00:34
عائلة ابو رعد Abo Raad family
Рет қаралды 17 МЛН
When Cucumbers Meet PVC Pipe The Results Are Wild! 🤭
00:44
Crafty Buddy
Рет қаралды 63 МЛН
How to Create Entire Website with ChatGPT (No Coding)
15:15
Website Learners
Рет қаралды 716 М.
How to Put a Website Online: Template, Coding, Domain, Hosting, and DNS
59:26
freeCodeCamp.org
Рет қаралды 2,3 МЛН
How to add Icons in HTML Website | Font Awesome Icons | HTML CSS
3:43
Web Tech Knowledge
Рет қаралды 276 М.
Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox
15:08
Social Media Buttons with Tooltip on Hover using only HTML & CSS
8:56
Pure CSS Hamburger Menu & Overlay
35:47
Traversy Media
Рет қаралды 399 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 982 М.
小路飞和小丑也太帅了#家庭#搞笑 #funny #小丑 #cosplay
00:13
家庭搞笑日记
Рет қаралды 13 МЛН