These are awareness ribbons that symbolize support or understanding, and bring awareness. Many of these colors represent multiple things, but for the purpose of this post, I have only listed things having to do with mental illness, bullying, and trauma. Below is the list of colors and instructions to put it on your blog.
- Red ribbon-represents substance abuse
- Orange ribbon-represents self harm
- Yellow ribbon-represents suicide and suicide prevention
- Green ribbon-represents depression, bipolar and mental health awareness.
- Green ribbon w/ blue-represents trichotillomania and other body-focused repetitive behaviors
- Blue ribbon-represents child abuse and neglect, and bullying awareness
- Teal ribbon-represents sexual assault and violence, post traumatic stress disorder, dissociative identity disorder, and anxiety disorders
- Periwinkle ribbon-represents eating disorder awareness
- Purple ribbon represents LGBT bullying and suicide prevention, domestic violence, and childhood neglect
- Black ribbon-represents suicide, self harm, eating disorder awareness and transgender hate crimes
- Silver/Grey ribbon-represents borderline personality disorder
Click the link for the ribbon you want. It will take you to the code- just copy and paste it, then put the code below the <body> tag in the html of your theme (feel free to message me if you need help doing so). Once it is pasted, there are a few things you can do to customize the ribbon. To fade the ribbon, behind where it says ‘opacity’ you can change the number from anything between 0 and 1, such as 0.75 or 0.4 etc. To change how big the ribbon is, simply change the numbers behind height and width. To move the ribbon to a different place on your blog, change the numbers behind TOP and LEFT (increasing these numbers moves the ribbon down and to the right, decreasing these numbers moves it up and to the left). Finally, you can change the text you see when someone hovers over the ribbon by changing what is between the quotation marks behind ‘title’.