So this is amazing but I'm still a bit confused about where I copy and paste the code!

You have liked this post!

I've kind of sprinkled some of this information in my post on how to add Animated CSS Fireflies for your den, but to keep things simple, I don't mind summarizing here as well.

In order to get the code to work, you need to "create" the raindrops, by coding into a document called a CSS document (short for Cascading Style Sheet). A CSS document is basically a file you create (or someone you commission creates) which gives instructions to a website. You write commands using code, in order to make a website page look a certain way or do something you want it to.

However CSS simply "creates" the raindrops. You use the HTML portion of your territory description to say "hey raindrops, show up on my screen!"

Therefore, it is simply not enough to post JUST the HTML code into your territory description, or JUST the CSS portions of the code into a CSS document. Doing just one and not both will confuse the Lioden website on what you're trying to do, and nothing will appear.

==========

The document uploaded to PasteBin has BOTH the CSS and HTML components. There will be instructions there on where to paste each portion of the code.

The HTML only portion will go into your territory description box, and an example of what that looks like is below. This section can be found near the bottom of your den page, and the code should go exactly where you link your CSS document.

The example shows my den with my fireflies code. The link to my CSS document, the <*link rel="stylesheet" > line of code, comes first (the exact link to my CSS has been deleted from this image). The code for my fireflies comes afterwards.



The raindrops will have a similar component. The code will look different but ultimately the concepts and execution on how to use the code are similar.

==========

Dakota I looked at your den page, and it seems like you're using a pre-made CSS design made by Katie. If you're just copying the design link for her CSS document (the <*link rel="stylesheet" >), and you do not have access to the CSS document itself to paste the code inside, you will not be able to use the raindrops, unfortunately.

If you would like the raindrops, I suggest making your own CSS document using Katie's CSS Tutorial and Template, or commissioning someone to design a custom CSS design for your den, and telling them to add the raindrops.

You have liked this post!

Awesome thanks!

You have liked this post!