Hello Friends, Today here I will tell you how to add Custom social media icons to your blog sidebar.
Social media icons- Social media icons linked with your social media profiles as Facebook, Pinterest, Twitter account or contact info etc.. if any clicked on, it will direct them to your social media profiles page, Peoples also can follow your Facebook, Pinterest, Twitter or Rss Feeds updates with it. By adding social media icons to your blog attract many peoples to it. Peoples also share your blog with other. You can Add social networking icons to your blog with a simple HTML code that will customize the icons to your site.
How To Add social Media Icons To Your Blog Sidebar-
1- First, you will need to download Social Media Icons.
2- Upload Icons to your blog.
3- Copy code in MS Word.
1- First, you will need to download Social Media Icons- Download social media icons as you like and save them in your PC. You can try to search in Google “Free Social media icon”.
2- Upload Icons to your blog- Select icons that you want on your blog sidebar and upload them your blog.
How to Upload to blog?
a. Login to your blog & Create a new Post.
b. Click on insert image icon-
c. Click on Choose files-
d. Select Social media icon from your PC-
f. Now open MS Word document & paste icon address in the document page & Save the file-
g. You can also Copy image location Later “from This blog” option in insert image box-
3- Copy code in MS Word- Copy this whole HTML Code-
<a href="Enter here your social profiles address"><img src="Enter here your image address" width="50" height="50" /></a>
This is the URL address for your websites like your Facebook, twitter, Pinterest, Rss Feeds etc. For example for MY Facebook account address is-
2- Enter here your image address-
When you are finished, remove the spaces and copy the whole code-
How to Open social links into new tab:
This is an example, if you think to open social link into new tab instead of same tab then you will need to add target=”_blank” just after the social link as follows:
<a href=”https://www.facebook.com/blogeasypcsoft” target=”_blank”><img src=”https://lh5.googleusercontent.com/-K-N6xsfEyko/VCl7II1Pc4I/AAAAAAAAAJk/YgJOQVMhlCg/w140h68p/10469391_715884315169281_1134657531565478036_ rssfeeds.jpg” width=”50″ height=”50″ /></a>
Now login to your blog Dashboard
a- Click on Layout & Click on Add a Gadget-
b- Now Choose HTML/Java Script Gadget-
c- PASTE your whole code you copied from the Word Document into the HTML box and then Click SAVE-
d- Now drag HTML/Java Script Gadget and drop them where you want your icons to be on your side bar and click save arrangement-
…..All Done…. Now you have successfully added custom social media icons to your bloggers site.