Have you ever wondered how your favorite bloggers get those cool, stylized social media buttons on the side of their blog? Good news! Customizing your blog only takes a little bit of HTML know-how but can make everything look a lot more professional.
Step 1: find the images you want to use
First, find the images you want to use for your social media buttons. Here are some good sites to check out:
- Her New Leaf social media buttons
- Pantone Color of the Year Social Media Icons
- Latte Art Social Media Icons
- 45+ Fresh and Free Social Media Icon Sets
- 60 Gorgeous Free Social Media Icon Packs
Or get creative and make your own icons using Photoshop or Paint and basic social media silhouettes (look for PNG files).
Step 2: upload the images to your blog
The next thing you need to do is upload each social media icon to your blog’s media library. To make your life easier, make sure the images are already the size you want them to be. For reference, mine are 72×72 pixels.
Step 3: write the html code
Replace the red text with the URL of your social media profile.
Replace the blue text with the URL of the corresponding social media icon image you just uploaded. (Look for it in your media library).
Do this for every social media profile you want to have on your blog’s sidebar. Then copy all the HTML code you just created.
Step 4: put it in an HTML box
Your blog platform should let you add some customized items to the sidebars. In WordPress, go to Appearance -> Widgets and then drag and drop the “Text” widget to wherever you want your icons to be on the sidebar. On other platforms just choose whatever feature allows you to dump HTML in it.
Paste your code into the widget, press save, and check out your new look! Don’t forget to test it!
Did you find this tutorial helpful? Like Dose of Dash on Facebook to make sure you get all new posts!