ADD SOCIAL MEDIA ICONS TO BLOGGER

In this tutorial I will show you how to add social media icons to your Blogger blog.
1. Upload your social media icons to Photobucket. Keep Photobucket open.

2. In a new window or tab, log-in to Blogger and in your dashboard, click on your blog title.


3. On the left side of the page click “Layout”

4. Select “Add a Gadget” on your sidebar and then select “HTML/JavaScript”

5. In the HTML/JavaScript box, paste the following code (do this for each social media icon):

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

6. Head back over to Photobucket and copy the direct link for your icon.

7. Going back to your HTML/JavaScript Gadget, paste your direct link where it says “Image Direct Link Goes Here” (do this for each social media icon and keep it within the quotation marks).

<a href="URL Goes Here"><img src="http://i1079.photobucket.com/albums/w506/beautifuldawndesigns/icon-facebook-51.png" /></a>

8. Now it’s time to add your social media URL(s) to the code. Leaving the HTML/JavaScript gadget open, in a new window or tab, head over to your social media profile and copy your URL.

9. Now, back in the HTML/JavaScript Gadget, paste your URL where it says “URL Goes Here” (do this for each social media icon and keep it between the quotation marks). Press “Save” once you’re finished. Here’s how the completed code looks:


<a href="https://www.facebook.com/BeautifulDawnDesigns"><img src="http://i1079.photobucket.com/albums/w506/beautifuldawndesigns/icon-facebook-51.png" /></a>


Note: If you’re using an email/contact button, place mailto:YOUREMAILADDRESSHERE between the quotation makes where it says “URL Goes Here”

Resource http://beautifuldawndesigns.net/tutorial-add-social-media-icons-to-blogger-step-by-step/

Pages