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

Поделиться
HTML-код
  • Опубликовано: 2 дек 2024

Комментарии • 115

  • @swapnilbauskar3485
    @swapnilbauskar3485 2 года назад +6

    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 года назад +5

    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.

  • @esasrl3384
    @esasrl3384 3 месяца назад +1

    You are a life saver mate! Greetings from Italy 🇮🇹

  • @kenduxbury7122
    @kenduxbury7122 3 года назад +1

    Beginning web dev here...THANK YOU for this vid!!! Helped tons.

  • @medical12262
    @medical12262 29 дней назад

    Best coding teacher ❤

  • @Onowhosamuel
    @Onowhosamuel Год назад +1

    This was very helpful brother, straight to the point. thanks once again.

  • @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 года назад +3

    Total lifesaver! Thank you for the easy explanation!

  • @lewkez
    @lewkez 3 года назад +1

    this is one of the best tutorials i've followed so far! thank you so much :), definitely deserverd a sub

  • @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

  • @tessr6238
    @tessr6238 Год назад +2

    Clear, concise instructions that worked a treat - thanks!

  • @Mercinity
    @Mercinity 2 года назад +2

    how do you change the logo size and location? I want the logo to be along the bottom of the page

  • @Leusleoe
    @Leusleoe Месяц назад +1

    Fantastic ❤

  • @An-yh2bl
    @An-yh2bl 2 года назад +1

    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! :)

  • @edwinmaina4real
    @edwinmaina4real Год назад

    Your video and sound are of good quality. Good job .
    Thank you for the video.

  • @work9167
    @work9167 2 года назад +1

    Beautiful. Nice and simple explanation

  • @fidelisomoni7537
    @fidelisomoni7537 2 года назад

    I could give you a hug for this, Thank you soo so much man!!!

  • @erikdinos1229
    @erikdinos1229 Год назад

    thanks! so easy to do,if you get the easy instructions!

  • @patriciakulemeka2433
    @patriciakulemeka2433 2 года назад

    this really helped me i was struggling to put icons thanks

  • @kidtukwan
    @kidtukwan Год назад

    Thanks buddy! I link your explanation 😉

  • @OujiDDumb
    @OujiDDumb 3 года назад +4

    how do i make it big!!! height and width not working men

  • @kennjenkins5645
    @kennjenkins5645 2 года назад

    Sir, You are a very good instructor thank you.

  • @alskopim
    @alskopim Год назад +5

    Is there a way to change the size of the icon?

  • @warlordxone07
    @warlordxone07 2 года назад

    Thanks a lot bhai love u ❤️❤️❤️

  • @whyjamesisacommonname
    @whyjamesisacommonname Год назад

    thanks, i learned something :)

  • @CodingGeeek
    @CodingGeeek Год назад

    Hi buddy! I hope you're doing great. which font-family you're using in vscode?

  • @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

  • @JoanaSilva-fk3ld
    @JoanaSilva-fk3ld 2 года назад +1

    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.

  • @catcollector9495
    @catcollector9495 3 года назад +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 года назад +7

      Yes, simply add a "font-size" property to your class. E.g .icon{
      font-size: 50px;
      }

    • @shehryarkhan3646
      @shehryarkhan3646 2 года назад +4

      You can also use this property:
      and u can use the CSS property like:
      ion-icon {
      font-size: 30px;
      }

    • @maxencejouane2337
      @maxencejouane2337 2 года назад +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 года назад +1

      @@maxencejouane2337 You are Welcome, bro! 😊

    • @sherazkhan6522
      @sherazkhan6522 2 года назад +1

      @@shehryarkhan3646 thnx alot

  • @mightycoderx
    @mightycoderx 3 года назад +1

    I'll use ionicons next time I need icons instead of font awesome which is more of an hassle

  • @fieryninja2374
    @fieryninja2374 2 года назад

    Best tutorial really helped

  • @prenzgamer2001
    @prenzgamer2001 2 года назад

    Thank you so much! vey helpful...

  • @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?

  • @btgdiablo2030
    @btgdiablo2030 3 года назад +8

    how do i change the size of the icons? I saw one comment below but I can't figure it out.

    • @damanackal
      @damanackal 2 года назад +9

      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 Год назад +1

      Try font-size

  • @phillipcroukamp1825
    @phillipcroukamp1825 Год назад

    How can I make the link open in the mobile app for socal media when someone opens the link on their phone?

  • @kiroka9129
    @kiroka9129 Год назад

    您好,我想问一下,如果我想添加的社交图标不在网站上,例如行,我应该如何修改它

  • @DineshRawat10
    @DineshRawat10 2 года назад +1

    Thanks a lot 😍✨

  • @gomango99
    @gomango99 2 года назад

    That's great! Is there a way to have a short caption underneath it?

  • @prasannasilva7754
    @prasannasilva7754 3 года назад

    absolutely handy! thanks

  • @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

  • @nanchinsunday6136
    @nanchinsunday6136 5 месяцев назад

    Thank you your video helped me 😂😂

  • @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

  • @ibrahim_011
    @ibrahim_011 Год назад

    really helpful

  • @simrandubey2596
    @simrandubey2596 2 года назад

    Thank YOu for the video it help allot

  • @espectrograma
    @espectrograma 2 года назад +1

    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.

  • @SpeedySurprises
    @SpeedySurprises 2 года назад

    Thanks. You are helpful.

  • @eliadisousa
    @eliadisousa 2 года назад

    In a Blogger gadget the default color of icons is gray and the hover orange.

  • @ourspolair7118
    @ourspolair7118 2 года назад

    I have a syntax error : is not recongnized, how to fix it?

  • @sayaankhan3484
    @sayaankhan3484 2 года назад

    You would think it would be this easy and simple.

  • @aatikaati1038
    @aatikaati1038 Год назад

    How to change the size and give space in icons....i tried all properties about size but no work working

  • @guyrowes1867
    @guyrowes1867 3 года назад

    Very nice man

  • @SvetaSveta-ms4hi
    @SvetaSveta-ms4hi 3 года назад

    Thanks a bunch! 😍

  • @dilkihansapani9145
    @dilkihansapani9145 2 года назад

    Thank you buddy😍

  • @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

  • @thatdumdumguy1548
    @thatdumdumguy1548 2 года назад

    hey just asking, what software are you using to do html?

  • @mumbaikachallenge5526
    @mumbaikachallenge5526 2 года назад

    Thank you❤️

  • @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

  • @RianY2K
    @RianY2K 3 года назад

    Wow i dont know this Icon service is exist. This become alternative from font awesome.

  • @appiahfred2275
    @appiahfred2275 2 года назад +1

    Gracias amigo ❤👍👍👍Thanks

  • @Woodcourtstudio
    @Woodcourtstudio 2 года назад

    Thank you so much

  • @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?

  • @giovannimichel5506
    @giovannimichel5506 3 года назад

    Thank you for the intel.

  • @vroger7959
    @vroger7959 2 года назад

    How to put this logo on the center of my page ?

  • @3bdostation476
    @3bdostation476 2 года назад

    how i can move him and make it biger????

  • @Imk4r4n
    @Imk4r4n 3 года назад

    0 dislike bro : )

  • @lol-hz9mc
    @lol-hz9mc 2 года назад

    Thank you

  • @alexisbaffoe1397
    @alexisbaffoe1397 Год назад

    What about calling, whatsapp and email?

  • @maprajwol950
    @maprajwol950 2 года назад

    How do i adjust its size?

  • @havicff3992
    @havicff3992 2 года назад

    thanks broo....

  • @CreativeTutorialsWeb
    @CreativeTutorialsWeb 3 года назад +1

    Impressive

  • @ecommerceproject6569
    @ecommerceproject6569 3 года назад

    may i have copy of this html code pls?

  • @MalcolmTheRealtor
    @MalcolmTheRealtor 2 года назад

    How do I align them vertically?

  • @akbarkarshiev2983
    @akbarkarshiev2983 2 года назад

    thanks broo

  • @fannyfranzen7561
    @fannyfranzen7561 3 года назад

    Thanks

  • @djordjestankovic7484
    @djordjestankovic7484 2 года назад

    thanks

  • @yatheeshgowda6191
    @yatheeshgowda6191 2 года назад

    Hii guys my name is Document Object Model (DOM) You are born for the web DOM

  • @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

  • @bea027
    @bea027 2 года назад

    won't work on mine :(

  • @pepidge3371
    @pepidge3371 Год назад

    why doesnt it have tiktok

  • @divanshverma3466
    @divanshverma3466 3 года назад

    How to change logo size please reply

  • @lisasievers8059
    @lisasievers8059 2 года назад

    you should clearly say PAY FOR ICONS!!!

  • @aquasplash545
    @aquasplash545 Год назад

    thanks for this vid. I got an alternative to FontAwesome.

  • @Amal-xq1bm
    @Amal-xq1bm 2 года назад

    thANK YOU

  • @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

  • @Local_Nerd
    @Local_Nerd Год назад

    Thanks!

  • @ocean.w.a.v.e.s
    @ocean.w.a.v.e.s 2 года назад

    thank you!