coding!!
This is where I'll display some of the little widgets I've made for myself; little trinkets to add to your website if you can't get things like a status.cafe or chatbox widget due to Neocities' new limitations. These are for things you'd like displayed the same across many pages, like a sidebar that remains the same regardless of where in the website you go!
These are all using iframes, which some people are very against. I'm sure there are other better ways to inject some of these into a page (like with Javascript and such), but if you're just starting to code and Javascript scares you, then these are solid alternatives!
Website Button
Wanna have your 88x32 button easy to grab for people to share it around? This is a super easy way to do so!
What you'll basically need is an <img> tag to have your button, a <text-area> to house a copy-paste version of the button code, and a <div> to wrap it all up! I suggest you host your button on a hosting service outside of Neocities so hotlinking doesn't become a problem. I suggest services like Imgur or FileGarden.
Updates List
This one is a great simple way to catalog big changes to your website, such as new pages or reworking older pages.
This one is super simple: keep a <html> file for all your updates and inject it into another page through an <iframe>!
Below is the code that you should put in the base <html> page where you write the updates!
Once that's all done, you go to the page where you want to display the updates list, and add it in as an <iframe>!
Neighbors
A cool little way to showcase your moots with their buttons!
Same logic as above: keep a <html> file with all the raw code to then inject it into another page through an <iframe>!
When getting the links to your friends' buttons, DO NOT HOTLINK unless they state so otherwise! Download and host all the buttons you want to showcase yourself.
Once that's all done, you go to the page where you want to display the neighbors page, and add it in as an <iframe>!
Scrunkly Of The Month
This one was an invention of mine as far as I know hehe; just a little widget to let your viewers know what character has been in your mind lately!
Same logic as above: keep a <html> file with all the raw code to then inject it into another page through an <iframe>!
Go to the page where you want to display the widget in and add it as an <iframe>!
Latest Youtube Video
This one's the hardest to do but it's still feasible! Perfect if you post on Youtube often and want a self-updating display of your most recent video!
For this one, we'll also be using an <iframe>, but there'll be no need to create a whole other <html> page for it! We'll be working with just the <iframe> itself.
Before we do any coding, you'll need the channel ID of whatever Youtube channel you want to embed into your website! Not the NAME of the Youtube channel, but the ID! To get that, use this website! Once you have it, you'll insert it into the line of code below:
<iframe src="https://www.youtube.com/embed?listType=playlist&list=INSERT-YOUTUBE-ID-HERE">
NOTE! When copying the channel ID, you'll see that it starts with the letters "UC". To get the iframe to work, you'll replace "UC" with "UU"! Keep the rest of the letters intact, just change the first two!
Once that's all done, we'll wrap the iframe in a <div> and place it wherever you want it to be!
NOTE! Sometimes your browser will display a "This video is unavailable" screen for some reason. Open the page you inserted the igframe in in a private/incognito tab to make sure it works!
