Это видео недоступно.
Сожалеем об этом.
How To Create A Complete Comment Section Like Blogger Using HTML CSS JavaScript
HTML-код
- Опубликовано: 10 сен 2023
- Welcome to our HTML & CSS tutorial on how to build a sleek and functional comment section! In this tutorial, we'll guide you step-by-step on creating an impressive comment section using HTML and CSS.
If you're looking to take your web development skills to the next level and enhance user engagement on your website, learning how to create an appealing comment section is key. With our detailed tutorial, you'll gain essential knowledge on structuring the HTML markup and styling it with CSS, resulting in a visually stunning and user-friendly comment section.
Throughout this tutorial, we'll cover various aspects such as:
1. Setting up the HTML structure for the comment section.
2. Implementing CSS styles to achieve a sleek and modern design.
3. Creating interactive features, like comment boxes and submit buttons, for user engagement.
4. Applying advanced CSS techniques for responsiveness and optimizing the section for different devices.
5. Adding additional functionality, such as displaying timestamps or user avatars, to enhance the overall user experience.
By the end of this tutorial, you'll have a solid grasp of HTML and CSS concepts, enabling you to confidently create and customize comment sections in your future web projects.
Don't miss out on this opportunity to enhance user interaction and elevate your web development skills. Join us now, and let's dive into building a sleek comment section together!
GitHub: bit.ly/489S8Tt
Source Code: www.buymeacoff...
Website: uptodateacadem...
-----------------------------------
Channel Subscription: / @uptodateacademy
Instagram: / uptodateacademy
Twitter: / uptodateacademy
Watch: • How To Create A Respon...
Watch: • Cool CSS Realistic Cli...
Watch: • Cool Glassmorphism 3d ...
Thanks for watching 😃
Bruv you the goat I litterally have a whole ass exam about that and the lessons were incredibly unclear about how to link all the js elements together you saved my ass 😂😂
❤️❤️❤️
Such a great video ❤
Keep it up 👍👍👍
Great video! Now I need to learn the server side connections :)
Glad I could help!
button not enabled when enter a text in input
how di i prevent to the comment of deleting themself??
you need to use server-side storage or localstorage for that
Please, can you make a video where you explain how to refresh a page without losing comments? PLEAASEE!
P.S.: Can you explain starting from this video and comment settings? I really urgently need it 😅, Thank you!
Just to know, r u working on the tutorial? Cause I really need it now. I would be really grateful to you if you make it
this code very hard for write in vsc so this is smart code
I want to add my script on any website comment section is it possible? Script will be the adsense ads script
This is nice a tutorial❤
thank you very much
You are welcome bro
How can i use local storage so the comments wont remove when refreshed, you can just illustrate it as a comment here, ill subscribe immediately i get a response, thanks.
Use localStorage.setItem(" "); to add each values to the local storage and use localStorage.getItem(" "); to append them on the page.
Now when you refresh, it would get the data from the local storage. If you don't get it, reply video so I can create a video for you on how to use local storage on comments.
@@UptodateAcademy sorry for the disturbance but I don't get it yet, I think the video would be nice
@@UptodateAcademyvideo
@@UptodateAcademyvideo
Video
great
I don't see the github link in the description
Already modified
@@UptodateAcademy thank you
I have followed it, but there is an error in index.html numbers 82 '
Firstly, what kind of error occurred on your console.
Secondly, check your quotations well, I used backticks which allows me to add variable with parenthesis. Check if your image is in your directory, otherwise you can download mine in video description.
Ensure you used the correct userId format. Ensure you used the correct queryselector format for targeting an element.
If still it doesn't work, let me know. Remember to know the kind of error that occurred then we will know where to fix the problem
@@UptodateAcademy oke, thanks brother
@@UptodateAcademy Will this comment disappear after we refresh or will it still be in the comments pop up?
It will, you can use local storage, session storage or cookies to store the comments for retrieval.
If you don't know how, reply so I can work out something for you
@@UptodateAcademy thanks bro, Thank you, I have tried several times but am still confused about modifying the source code that I downloaded from your GitHub
can other peopel see o ther people comment?
bro can you share code ??
Source code in video description
@@UptodateAcademyplz for free i need it i am small kid of 12 years i dont have money
Is it responsive
Yes
how can i connect this to a database like php?
You can get it from here:
ruclips.net/video/1LmPeHX7RRo/видео.htmlsi=mVkTnc85gSpNbNup
gaand deni padti hai
bhn ke lode code de deta@@UptodateAcademy
Bro, an error occured in line 82-90 while making the published variable. Please help. Did you used any extensions for that?
What type of error is it?
I didn't use any extension bro, it's full vanilla JavaScript
@@UptodateAcademy while making the 'published' variable, an error occures.
Error:
1) unterminated string literal.
Alright, try updating your chrome, then you can also use single quote (' ') or double quote (" ") and then add the plus "+" sign when you want to concat the values.
@@UptodateAcademy why update chrome while the error occures in the editor (VS Code).
Edit: wait I'll try that as well
@@UptodateAcademyman i don't know why its not working, also the {userId.(anything)} is not working.
bro how to make reply option as like in youtube
Alright, I will have to make a tutorial video for that.
Stay tuned.
Is it responsive plzzz reply fast .
Yes