DIY SOCIAL MEDIA ICONS TO BLOGGER

I'm not an expert doing web and graphics designing but if I'm given correct, proper instructions and followed the task given to me this is very easy.

 I've been looking for a SOCIAL MEDIA ICONS for my fashion blog,  GLAMOURHOLIC MOM.  Something that fits my theme, something black to contrast the white templates I used.

Then I bumped into CARRIE LOVES blog site about her FREE DIY SOCIAL MEDIA ICONS.  This is all I want for my blog, I can choose an ICON and COLOR I want for my site.




I downloaded the chosen icon and color I'd like for my site, then unzip the folder transfer it to my shared documents.


Another thing to consider in doing a DIY SOCIAL MEDIA ICON is how you ADD SOCIAL MEDIA ICONS to your site. So I click the link posted on CARRIE LOVES blog, 
BEAUTIFUL DAWN DESIGNS. A step to step instruction for a blogger user like me.

All the icons on my shared documents was uploaded to my PHOTOBUCKET Library.



 I open a new tab, LOG-IN to my blogger account and in my DASHBOARD I open my blog title GLAMORHOULICMOM.  Click on my LAYOUT.  Click on ADD GADGET.  Then select HTML/JAVA SCRIPT.

 Then I paste this code: 

 <a href="URL Goes Here"><img src="Image Direct Link Goes Here" /></a>

 I head back to my PHOTOBUCKET ACCOUNT to get my IMAGE DIRECT LINK.  By following what is given on the post.

 Open my HTML/JAVA SCRIPT Gadget, paste my DIRECT LINK where it says "IMAGE DIRECT LINK GOES HERE".

 <a href="URL Goes Here"><img src="http://i380.photobucket.com/albums/oo250/rainepal/pinterest_zps73b4a278.png" /></a> 


Then I add my SOCIAL MEDIA URL. Just open a new tab for your Social Media profile and copy URL.

 <a href="http://pinterest.com/palraine/"><img src="http://i380.photobucket.com/albums/oo250/rainepal/pinterest_zps73b4a278.png" /></a>

Finish.  I'm done already.

 See how it looks now.
Click HERE
    

14 Comments

  1. Budget BiyaheraMarch 30, 2013 at 6:45 PM

    Oh my gosh! Your tutorial is so awesome. I'm already thinking about installing a few of those buttons on my travel blog. Kudos to this post of yours! Ü

    ReplyDelete
  2. MaryJane TauyanMarch 30, 2013 at 7:12 PM

    looks really nice!!! wanted my blog to have a new design or theme too and really nice buttons like that but still need to wait hehe. xx

    ReplyDelete
    Replies
    1. Raine PalMarch 30, 2013 at 7:23 PM

      Looking forward for your new templates dear.

      Delete
  3. Joshua BeridaMarch 30, 2013 at 9:21 PM

    I'm also not a techy person that is why I find tutorials like this very helpful.

    ReplyDelete
  4. FrancMarch 31, 2013 at 7:42 PM

    The icons are really lively. I'm sure your readers would be entertained and would love it.

    ReplyDelete
  5. Mommy LevyMarch 31, 2013 at 10:47 PM

    I would like to have a social media icons on my blogs too. Nice tip!

    ReplyDelete
  6. UnknownApril 1, 2013 at 9:54 AM

    The icons are nice, thank you for sharing us how to put them in our blogs.. :D

    ReplyDelete
  7. Kim NievesApril 1, 2013 at 11:39 AM

    I love the DIY icons! With this tutorial, everyone can now install these awesome icons on their blog!

    ReplyDelete
  8. ClaireApril 1, 2013 at 6:14 PM

    This is very nice, I am thinking of installing it on my blogs too.

    ReplyDelete
  9. CzjaiApril 1, 2013 at 9:35 PM

    I have the purple buttons in my blog. ;)

    ReplyDelete
  10. UnknownJuly 8, 2013 at 11:08 PM

    cool tutorial however sidebar widgets don't show up on android platform,.... how do you add them to the bottom of your blogger posts? need more than just the basic Fb,google+, twitter, pinterest, would also like to add instagram and bloglovin.... cant find instructions anywhere please help.... I currently have none and need to drive traffic... TY

    ReplyDelete
    Replies
    1. Raine PalJuly 8, 2013 at 11:20 PM

      Actually the widgets below my blog post is included with the template I used.

      Delete