Add Customized Social Media Icons to Your Blog

Want to add customized and cute social media icons to the side bar of your blog? UM YAAAS. It is way easier than you think and adds a personalized touch to your blog. You’ve seen them on your favorite blogger’s page and you want them for your own, so let me be the one to tell you don’t have to be a coding expert to add them yourself. Check out my 5 steps to adding customized social media icons to your website!

1. Create or find the social media icons you want to use.

-You can use Picmonkey.com by uploading transparent icons and then uploading whatever overlay you want. Get creative and choose any overlay from rainbow, gold texture, or eve watercolor!

-OR you can Google “customized social media icons” and take screen shots of each individual icons you want to use. Just be sure to give credit to the creator.

2. Upload the images you want to use for your icons to Flikr or Photobucket. Once you upload the images you will be able to copy the image Direct URL.

3. If you are using WordPress go to Appearance – Widgets – and drag a text widget to the sidebar where you want your icons to be located. 

-If you are using Blogger (which I use) go to Layout – Add Gadget – and add an HTML gadget to the sidebar where you want your icons to be located. 

4. Paste this code into the widget or gadget for each icon you want to add: You can add or delete various social media account by changing the URL and the image URL.

<div><a href=”TUMBLR URL”><img title=”Tumblr” src=”TUMBLR ICON URL” alt=”Tumblr” width=”35″ height=”35″ /></a>

<a href=”INSTAGRAM URL”><img title=”Instagram” src=”INSTAGRAM ICON URL” alt=”Instagram” width=”35″ height=”35″ /></a> <a 

href=”PINTERST URL”><img title=”Pinterest” src=”PINTEREST IMAGE URL” alt=”Pinterest” width=”35″ height=”35″ /></a> <a 

href=”TWITTER URL”><img title=”Twitter” src=”TWITTER ICON URL” alt=”Twitter” width=”35″ height=”35″ /></a> <a 

href=”mailto:EMAIL”><img title=”Email” src=”EMAIL ICON URL” alt=”Email” width=”35″ height=”35″ /></a> </div>

*Make sure once you added all the accounts you end the code with 

This is what mine looks like in my Blogger widget:

5. Click save when you are done!

Please don’t hesitate to email me at missoliviasays12@gmail.com if you have any questions!

xoxo

Olivia