Social media icons...easy, peasy lemon squeezy!

This post has specifically been created due to the difficulty i had when trying to add social media icons to my blog site. It really is easy and it is unbelievable how SO!! many people really do make a mountain out of a molehill rather than just explain it simply!

So here is the easy, UNCOMPLICATED way to add icons which is hassle and headache free...i promise! Even the copy task has been done for you if you use photobucket as the host.

Step 1:

Find free social media icons... The site i used is called 'Mysitemyway Icon ETC'. There you can pick colours, shapes and download them into a ZIP folder ready to upload. 

Or i personally recommend google or pinterest. Type into google whatever you want..colours, styles etc. Or you talented gifted people can create/ edit your own. I am a big fan of Adobe Photoshop! 

Step 2: 

Create a Photobucket account to host your icons...All you need is an email address and the images..simple!

Step 3:

Upload your images

Step 4: 

Once your images are uploaded, click on the desired thumbnail image.

On the right hand side, click on the HTML embed code, it should automatically copy, do it twice to make sure if you like.

 Step 5:

On your blog, go to Layout. Select 'Add gadget' and select 'Add HTML/JavaScript' 

 

 Step 6:

No need to add a title unless you want one. 

Select the option 'Edit HTML' 

Copy and paste the code from photobucket into the empty content box

You can select the 'Rich text' option to see the image

 Step 7:

Repeat steps 4 and 6 for each Icon you want to use.

Make sure the code is pasted right next to the final part of the last code

 Step 8:

To link the icons to your social networking page...

Copy and paste your social network sites URL address

 Step 9

 Highlight the icon you want to link to this page

Step 10 

Swap to 'Edit Html' by clicking on 'Edit Html'

Paste in the copied Html code you just copied into the empty box

Each code you paste in paste directly next to the previous code----NO SPACES!
And make sure you past the right code to the right icon else you will have your twitter icon going to your Facebook account for example. 

Now your finished 

Step 11 

Go back to 'Rich text'

Save and 'View blog' or 'Preview'