How to add Social Media Buttons or Icons below post in Blogger
This article will teach you How to add Custom social Media buttons to your Blog, Why we want to add social media buttons? It is because social media is the biggest market place to find and explore our desired Customers or Blog Visitors, Today we are are going to learn how to add a custom Social Media Icon or Button in Our Blog, So Lets start the Real Work Boys!
How to Add Social Media Buttons to Blogger or Blogspot:
First of all you need to go to www.Blogger.com and Sign in to your Blogger Account, Then go to Template >> Edit HTML
Warning: You should Save a copy of your current template before making any changes in it.
As we are adding custom social Media buttons or Icon so we need to first we need the Social Media Buttons in the Image form, For this just search Social Media Icons in the Google and Download them, or Create your own social Media button in the Photoshop with size 60px by 60px (Pixels).
After creating or downloading the Image you need to upload the Image in your Blogger Blog and then use the link of the image in the Edit HTML Template,
<a href=”http://twitter.com/YourTwitterName”><img src=”Link of Image you Downloaded”></a>
Making it simple for you, You can directly add the link of the Image without Downloading it. But this is risky as they may remove the image from the Link you entered.
How to Add Social Media Buttons to Blogger or Blogspot:
First of all you need to go to www.Blogger.com and Sign in to your Blogger Account, Then go to Template >> Edit HTML
Warning: You should Save a copy of your current template before making any changes in it.
As we are adding custom social Media buttons or Icon so we need to first we need the Social Media Buttons in the Image form, For this just search Social Media Icons in the Google and Download them, or Create your own social Media button in the Photoshop with size 60px by 60px (Pixels).
After creating or downloading the Image you need to upload the Image in your Blogger Blog and then use the link of the image in the Edit HTML Template,
Adding the Link in the Template code:
Adding Facebook Icon: Add this code in the Coding of your Blog where you want to add the Button
<a href=”http://www.linkgoeshere.com” target=”_blank”><img src=”Link of Image you Downloaded”></a>
Adding Twitter Button or Icon: Add the Following code where you want to add the Button.
<a href=”http://twitter.com/YourTwitterName”><img src=”Link of Image you Downloaded”></a>
Making it simple for you, You can directly add the link of the Image without Downloading it. But this is risky as they may remove the image from the Link you entered.
You can add other social media Buttons in the same way just make sure you write the correct URL for each button.
Comments
Post a Comment