How To Add Social Icons To your Blog

Do you want to add social media icons to your blog so that readers can find you elsewhere on the web? Here are step-by-step instructions. 


Overview: You will add an "HTML/Java Script" gadget to your sidebar, and these instructions will take you through writing the HTML code. The idea is to link publicly available images of social media icons.

Post the code onto your blog.

Code:

<a href='http://twitter.com/' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh51VUSqLftRysqUBWjqfb-4SCNptRhuNkYxKEPDIkIwsA47TcAPldCh7crqsj3DMKw2xroOodPxxrwCzwrXajpu5A-JAbrZIjRptQd4rLQ6gRNT4O8o4A03l045tvZcqE_hoo9gVDqiZg/s1600/twitter.png" title='twitter'/></a>&nbsp; <a href='http://facebook.com/' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHWYwplzf45iOcJZZGPWtXNRMwnwrgksa1buU5ZFGJDbvmHh_YJZMBpOsW9OQ0gTOWIYJgw9D4d3qAdnDeFVPnkCMTWDkELQHUNQJB6-OtE1NsNedonffuW7aZQ5Is4MHKzo8P84_4ekg/s1600/facebook.png" title='facebook'/></a>&nbsp; <a href='https://plus.google.com/' target='_blank'><img alt='google plus' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh50rYw3pFA2pF_eQPgtjTTM-BNVSw5V-x5xCyv1ETFI2E80UAnXHyD5MOtyShqhygPa9arGPuhybV8i1SFkcLlRNVih8ta3ijZZD5AI5-cE06RFm0-GbZ57Qpseb9oFbU26KDzFfmInNY/s1600/gplus.png" title='google plus'/></a>&nbsp; <a href='http://www.linkedin.com/' target='_blank'><img alt='linkedin' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqQ13nwjqirf9hIt4HVXAyooNauee2jHqaG610nkeX_hR99HQl_uCb4qq-BNL5SMI2792HTCH3vjt0miyLMFVBwHwTT73JFNrLHLVKNVWuKblSW4HyoiIevBu0b29puuJXxRhSNkbVYEA/s1600/linkedin.png" title='linkedin'/></a>&nbsp; <a href='http://feedburner.com' target='_blank'><img alt='rss feed' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxWHlHoQhCHdINkSDyAHEp-KE-BEl3BYpfiq7YNGM_wM0bknJ7UPlSMXOSs3k3rpjsULnqtupztWz5rPUejCFmKkF_Y9SdBL-xvEA-nl0T2LHR9hty42Nquq9NUw1veqdWL90jHrSMDu4/s1600/rss.png" title='rss feed'/></a>&nbsp; <a href='mailto:your@email.com' target='_blank'><img alt='email' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4T5SDOCCn8VVilve9K974sD8WHA1FepepkYo_oK3meWK4B5TCdcYeCexMlHsGC6gbz6ip1dX7NGOshMEkrMHbbEXKa0sj2b9MB5e1LRHoBnSp-7CEVULFt6u7abb-ytWYmFKskmlkjyE/s1600/email.png" title='email'/></a>

·                     In Blogger, go to Layout --> Add a Gadget. I recommend placing the gadget in the upper part of your sidebar.

·                     Find and select the HTML/Java Script gadget.

·                     Paste your code into the Content box. You can leave the title blank, or you can add a title you want to say about your icons. I think most people understand what the icons mean, so I don't prefer to use a title.

·                     Save and you're done. And check to see whether the links are working or not.

 Note:

Don't forget to edit your web url of the social media sites in the above code.

Example:

<a href='http://twitter.com/' target='_blank'>  replaced by

<a href='your profile page' target='_blank'>

Let me know if you have any questions or issues with these instructions by contacting me or through a comment. Thanks!

Print Page

Do you like this post? Please link back to this article by copying one of the codes below.

URL: https://techpro365.blogspot.com/2013/01/how-to-add-social-icons-to-your-blog.html HTML link code: <a href=" https://techpro365.blogspot.com/2013/01/how-to-add-social-icons-to-your-blog.html "> How To Add Social Icons To your Blog </a> BB link code: [url= https://techpro365.blogspot.com/2013/01/how-to-add-social-icons-to-your-blog.html ] How To Add Social Icons To your Blog [/url]

---

About Author:

Raja Sekhar is the founder of this blog. He has been blogging since 2010 and is an active contributor of many blogs.