Social media widget (new reddit)

https://www.reddit.com/r/modguide/comments/gho101/social_media_widget_new_reddit/

created by SolariaHues on 11/05/2020 at 13:59 UTC*

7 upvotes, 3 top-level comments (showing 3)

u/1998CR[1] has made a custom widget for social media icons for the new reddit sidebar.

1: https://www.reddit.com/u/1998CR/

You can **see their post with the relevant codes and image** **HERE**[2] and from their post, the example preview is HERE[3], so you can see what it could look like.

2: https://new.reddit.com/r/RedesignHelp/comments/ggo4lh/i_made_a_simple_css_widget_for_social_media/

3: https://imgur.com/bEWulEF

This uses the CSS widget you can find under 'advanced' in your add widget menu.

*Warning** - CSS widgets are experimental, glitchy, and do NOT display on mobile.

How to add the widget

First you need to download from imgur[4] the image (spritesheet) in u/1998CR[5]'s post and adjust the provided codes for your subreddit.

4: https://imgur.com/M9oCibB

5: https://www.reddit.com/u/1998CR/

For the markdown just replace the links with your own (the links must be https not http). In notepad you could use find and replace[6] if you use the same username for every social platform.

6: https://imgur.com/NZFyQfR

For the CSS replace the colour codes at the top with your own. [ Colour-hex.com[7] | w3schools colour picker[8] | colorhexa[9]] For other edits, see below.

7: https://www.color-hex.com/color-palettes/

8: https://www.w3schools.com/colors/colors_picker.asp

9: https://www.colorhexa.com/

*Here is our walk through** **imgur guide**[10] **on how to add this widget.**

10: https://imgur.com/a/vqprzU1

And a quick video guide[11] on youtube.

11: https://youtu.be/QmPldUB-S-M

Further edits

To change which icons (of those available) show up, just change the markdown section to only include the links you want. You may need to adjust the height of the widget in the sidebar controls to compensate for your changes. (I had a play around and 130 seemed to work for one row of icons)
To add one, check to see if u/1998CR[12] has updated their post[13]. If not, suggest the icon you need. OR if you know what you're doing with CSS and spritesheets you can add your own.

---

12: https://www.reddit.com/u/1998CR/

13: https://new.reddit.com/r/RedesignHelp/comments/ggo4lh/i_made_a_simple_css_widget_for_social_media/

Related guides: