Skip to main content

How to add Social Media tabs on your Blogger Website

Today in this article, we are going to discuss on how to add social media links on your Blogger Page.There is no doubt that social media links gives you a fantastic look to your Blog Website.

Before proceeding to follow this article, make sure to download all the social sites images beforehand so that it would be easy to apply them on your webpage. All you have to do is to read the steps and then apply them carefully.

Here is How to add Social Media links on your Website

Step: 1

At first, open your blogger page and hit Create a new post option. Here upload all the downloaded social sites icons in the post.

After uploading your images, if prompted, select the following:
  • Image alignment: None
  • Image Size: Original size

Step: 2

Now choose the “HTML” tab. Here, you can see the image links for each of your social media icons. Leave this window open.

Step: 3

Thereafter open a new tab. On your Blogger dashboard, select “Layout.”

Step: 4

Select “Add a Gadget” option from “sidebar-right” area then choose the “HTML/JavaScript” gadget.

Step: 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>

Step: 6

After this, go back to the post editor where the images have been uploaded. Here copy the image link for each one of the icons separately  as shown in the above figure.

Step: 7

Going back to your “HTML/JavaScript” gadget in Blogger, paste your image link where it says “Image Direct Link Goes Here” (do this for each social media icon and keep it within the quotation marks). It should look something like this:

<a href="URL Goes Here"><img src="https://3.bp.blogspot.com/ 
-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/
s1600/icon-facebook-1.png" /></a>

Step: 8

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

Step: 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).

Step: 10

Once you are finished, select “Save” option. The finished code should appear something like this:

<a href="https://www.facebook.com/BeautifulDawnDesigns"><img src="https://
3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/
CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png" /></a>
Feel free to delete the post draft you created.

Conclusion

Hope you are now able to place social images on your Blogger website. If you want to know any other detail about this article, reach to us through comment box.

Comments

Popular posts from this blog

How To Create Drop Down Menu in Blogger

Drop down Menu  is something which everyone wants to have on his blog. However, because of the lack of proper information they can't have it on their blogs. Again, many people even think that it is quite hard to put menus with sub menus on any Blog. Well, this is not so. Here, in this tutorial we will tell you on how to add sub menu to your Menu step by step for your Blog.

Search and Apps: Interesting Feature of Windows 10

Windows 10 has come with lots of surprises and interesting features. Well some of the interesting features are Search and Apps, Search, Share, App Sizes, Defaults and Notifications.   Well, we have discussed about Notifications earlier. You can look about it by clicking here . Let's see what Search and Apps consists of other than Notifications option. Follow the below written to steps to reach to Search and apps option. Step 1 : Press  Win+I  keyboard shortcut. It will open the right sidebar. Look at the down right corner. You will see  change PC settings . Click on this. Step 2 : It will open a new window with name " PC settings ". Select  Search and apps  here. Step 3 : It will open a new window of  Search and Apps.  Here, you can see different options like: Search, Share, Notifications, App sizes and Default. Let's us see a brief about each of them. 1. Search : Whenever you search for something and suppose it is not in...

Create Multiple Desktop in Windows 10

Here, We are going to tell you on how to create multiple desktop in Windows 10 and working on them by switching in between them. Windows 10 has come in the market with lots of interesting things like its start button combined with start screen. Similarly, it has brought the feature of adding multiple desktop on a single operating system. Multiple Desktop, the name itself is enough to explain its meaning. Isn't it excite you as you could have more than 1 desktop. Thus, You could create multiple desktop with different looks and you can switch between them whenever you wish too. This new feature of windows lets you separate work-spaces for work and fun, without the need for an actual additional computer. Let's see how to create these multiple desktop and have fun with them. How To Create Multiple Desktop On Single OS and Switch Between Them Creating Multiple Desktop and switching in between them is very simple just like the way we used to switch between the tabs. Foll...