, , , , , ,

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.

customize blog social media icons

pin it dose of dash

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:

  1. Her New Leaf social media buttons
  2. Pantone Color of the Year Social Media Icons
  3. Latte Art Social Media Icons
  4. 45+ Fresh and Free Social Media Icon Sets
  5. 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

social media icon html

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!

like dose of dash on facebook