How To Add Footer in Html Website
ฝัง
- เผยแพร่เมื่อ 28 ต.ค. 2022
- How To Add Footer in HTML Website - Complete Guide
*Code*
github.com/fine-gap/Footer/tr...
🔥Python for Beginners - Learn Python in 1 Video • Python for Beginners -...
Donate me:
Paypal: paypal.me/finegap?country.x=A...
Binance Pay ID: 253333352
==============================
Follow us Links:
Instagram: / fine_gap
Facebook: / finegap
Whatsapp: +923041100028
================================================
Disclaimer
Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research, Fair use is a use permitted by copyright statute that might otherwise be infringing, Non-profit, educational, or personal use tips the balance in favor of fair use.
Some photos in the video are free-to-use photos downloaded from pixabay.com. The picture used in this video is protected by the Fair Use Law, section 107 used for commentary, criticism, news reporting, or education for transformative use.
The video Has been made for available informational and educational purposes only, Everything in this video is based on information we learned from online resources, our own experience, and books we have read.
#footer #addfooter #websitefooter
Nice video. Easy and straightforward 🔥
Glad you like it, also don't forget to subscribe me.
Thank you so much!!! Keep posting videos, I'll be glad to learn something more
Glad you like it & don't forget to like subscribe.
Absolutely Amazing! you earned 4 subs!
Yay! Thank you!
Hello friend, I wanted to tell you that I finished your footer video, very good, thank you and I follow you on TH-cam, greetings
Thank you very much
@@finegap
@@finegap saludos te sigo
This was super helpful thank you so much!
Glad it helps, kindly don't forget to subscribe me :)
Thank u so much! You really helped me in my project. In your video I found the answers for my questions :)
Glad It helps, & don't forget to subscribe me :)
Perfect💯💯Just got a new subscriber
Thanks 💯
Thank You so much u have helped so much in my project because of this :)
Glad it helped, & don't forget to subscribe me :)
@@finegap i have already done
can u teach me how to make scrolling animation
@@newplayer9 you can learn from my channel I have showed in videos of HTML
This was so helpful thank you
Glad it helped & don't forget to subscribe me :)
3:16 author really did care about me not being able to type letter a)))
nice a video thank you bro
welcome and don't forget to subscribe me :)
Finally I got it!!Thank you sooooo much🙏🙏🙏🙏🙏
Welcome 😊& don't forget to subscribe me :)
So how I can make it stick to the bottom of the page?
I add it at the bottom of the body outside the main div the container that have all the page content yet the footer flies, i tried to give it position absolut but that doesn't work on all screens obly pc
The footer has position: sticky; and bottom: 0; to stick it to the bottom of the page.
@@finegap bro when i put sticky and bottom 0 not working
Kamal❤ very informative and 100% correct code❤
Thanks a ton & don't forget to subscribe me :)
Great video!! Thank you so muchh!
You are so welcome! & don't forget to subscribe me :)
JAZAK ALLAH SIR
you are welcome & dont forget to subscribe me :)
I really found this video useful, I just wish I could show you what I have done😊
ah thanks & don't forget to subsribe me :)
For mine, I noticed the home about contact etc pages were not centered perfectly and fixed it with this code:
.footersites ul {
display: flex;
justify-content: center;
list-style: none;
padding: 0; /* Remove default padding */
}
.footersites ul li {
margin: 0; /* Remove default margin */
}
.footersites ul li a {
text-decoration: none;
color: white;
font-size: 1.3rem;
transition: 0.5s;
}
/* Add margin to create space between links */
.footersites ul li {
margin: 0 10px;
}
hope it helps someone else
yes it will be helpful for others thanks
my icons are white and i want to change their colour to purple like in the video how do i do that
simple apply the color
Hello can you please do @media (width) for socialicon too? thank you
increase decrease size on media or use flex option
thank you so much!
You're welcome! & don't forget to subscribe me :)
how do i add a delimitation line in the middle of the icons
try border left for each icon.
when i put my html code at the bottom it goes to the right side of my screen?? help has this happened before
make it first div display block;
@@finegap thank you for your response 🙏🏽 I’m going to try this and just subscribed
@@finegap still showing up the same, is there anyway I can reach out to you further?
whatsapp, my number mentioned in description
Thanks bro
You are Welcome & don't forget to subscribe me :)
giving margin and padding break responsivity?
but its bad approch, it might break website responsiveness some how
is it ok to use heading for footer styling
yes it is
How can I bring down the footer to bottom
just put you html code at the end.
why doesn't the instagram icon have a perfect circle?
maybe icon size
nice video
Thank you & Don't forget to subscribe me :)
Bhaiya plz aap bta skte hai iss website ko search engine se kse search kre
font awesome cdn and fontawesome.com/
Super
Welcome 👍 & don't forget to subscribe me :)
This is amazing
Welcome 😊 & don't forget to subscribe me :)
gracias :)
thanks & don't forget to subscribe me :)
but the footer should be on the bottom, why it is on top?
it is for learning purpose you can put on bottom
10/10 vid
thanks & don't forget to subscribe me :)
Is it going to be in the bottom of the website?
if you put the footer code at the end then obvious.
What about the second page? I'll bet the header/footer disappears
second page?
@@finegap Sorry, neglected to elaborate.
Yes, so you have a page header.and a large table of data. Converting to pdf you'd potentially have several pages. But the header or the space taken up by the header doesn't persist on subsequent pages.
@@carlw You have to copy the same code and paste in all the other pages.
@@pablok13 No, there's not other page to copy to. Any subsequent pages, even the first are all created on the fly. There's no pages yet, not even a first so this has to be done in codem
I followed stepel by step but my icons are not showing
make sure icon library path and icon class
Can you make another video? This was too fast
UN
whats an issue from your end?
i want source of you're videos.
you can write from the video. thanks
How to add this footer to our pages
make a html file of the specific footer, and enqueue this file at the bottom.
But how can we place it at the bottom of our webpage 😢
just enqueue the footer file at the bottom or add the code at bottom
It more looks like a header not footer
no problem
How can I put it down?
just put footer code at the end.
My icons not showing whyyy
make sure the library path is ok? and then icon class name.
I love youuuuuu thaaanks
welcome & don't forget to subscribe me :)
Can you please send the code
you have to copy the code for now from video. thanks
bro i followed ypu step by step but my fb insta twitter icons are not visible
its just white circle
share me error in Whatsapp (code screenshot)
How do I position the footer at the bottom of the screen?
just add the code at the bottom of the page. and if your page is short or empty then please give it some space.
How to use it in WordPress
make a shortcode in WP and add where you need it.
@@finegap where to paste the pass code
Bil kol odham
Source code
you can get from video.
boleh minta codingnya kak
yes
you can get the code from video.
plzz send the code
kia faida code ka banda khud say likhay
in description
The code it's in vidieo while his tiping ...
The code is difficult to be seen 😢
please make sure video quality, thanks
source code?
You can get from video by watching it thanks