July 31, 2011

Tutorial: Create Email Social Media Icon



As my blog has been growing, I've began the process of figuring out the technical side of blogging, 
I've posted on how you can make your own blog button and how you can create copyable button code so others can grab it.

You've probably noticed how bigger blogs have social media icons allowing you to easily link up with them using various sources like Facebook, Pinterest, and email. Most buttons follow the same process [tutorial here]- but the email button needs an extra link. You can make one, download one from online or grab one below--then follow this tutorial to add it to your blog

 Well, let's make ourselves an email link, OK?
[1] Decide on an image what you want to use to represent the link on your blog. This often looks like and {e} or an image of a letter. There are sites like Design Matterz that allow you to use images for free, and this one has a great selection of colors. You can also use any of these icons from that were free downloads by dragging them onto your desktop.

[2] Once you've decided on the image, upload it to a photo hosting site, like PhotoBucket. This is important because we need an image code that we will insert into our html code.
[3] Now you want to copy the grey code and insert your email address and your direct image code in place of the red portions.

[4] You are now ready to insert the code into the Html portion of your blog or (more likely) into your blog background. To do this you should go to the "design" page, then click on "add a gadget." Next click on the gadget "HTML/Javascript." Here you can insert your entire code.

That's all there is to it. I guess I'll be working on the other buttons next.
Good luck making your own!