How To Add Social Media Icon to Your Website?
How To Add Social Media Icon to Your Website?
Descriptions
Today, I want to show you on how to add social media icon into your Blogger blog? And what are the require documents before start doing it?
1st, you need to have the social media icon that you want to add into your Blogger with the same size and fit on your Blogger space. These are many site to provide these social media ico, but I just recommend you with link: https://icons8.com/icons, because of this site it's easy to download and have many type of social media icon that you want.
3rd, You have to click on "HTML" tab, you will see the Image Link of your social media icon. As I highlight in picture below:
4th, You have to New Tab, in your Blogger Dashboard => select "Layout", Then click to "Add a Gadget" in the "Sidebar-Right" => choose "HTML/JavaScript"
5th, Open your "HTML/JavaScript' box, to past the following codes for your each social media icon that you plan to add.
<a href="URL Goes Here"><img src="Image Direct Link Goes Here" /></a>
<a href="URL Goes Here"><img src="Image Direct Link Goes Here" /></a>
6th, Back to your post editor where you already uploaded the social media icons. Copy the Image Link one by one as [3rd Step], then back to your HTML/JavaScript box => Past the Image Link on where it says "Image Direct Link Goes Here".
It will look like this:
<a href="URL Goes Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07Sv84RjECl9T6RSCmyDWUCucm_En0Mqa-gf49tHJys8yDwpCpuNctdKP6FlGg3oBYcJd7rbyD1E34wAI9-e7boGe_ZKtPZ66yttjD2q9_VuN8hvB8TcE28bTW55mdEmisHuiURuNNZU/s1600/icons8-facebook-48.png" /></a>
7th, Now, you need to add your social media URLs into your each of the icons. Open new tab to Login to your social media Profile, to Copy and Past in the the same HTML/JavaScript where it says "URL Goes Here". It look like this:
It will look like this:
<a href="URL Goes Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07Sv84RjECl9T6RSCmyDWUCucm_En0Mqa-gf49tHJys8yDwpCpuNctdKP6FlGg3oBYcJd7rbyD1E34wAI9-e7boGe_ZKtPZ66yttjD2q9_VuN8hvB8TcE28bTW55mdEmisHuiURuNNZU/s1600/icons8-facebook-48.png" /></a>
7th, Now, you need to add your social media URLs into your each of the icons. Open new tab to Login to your social media Profile, to Copy and Past in the the same HTML/JavaScript where it says "URL Goes Here". It look like this:
<a href="https://www.facebook.com/Vicky-Ravuth-290227181843627/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07Sv84RjECl9T6RSCmyDWUCucm_En0Mqa-gf49tHJys8yDwpCpuNctdKP6FlGg3oBYcJd7rbyD1E34wAI9-e7boGe_ZKtPZ66yttjD2q9_VuN8hvB8TcE28bTW55mdEmisHuiURuNNZU/s1600/icons8-facebook-48.png" /></a>
Finally, click to "Save" and Drag to where you want to place it.
Note: If you're using an Email button, place "mailto:youremailaddresshere" between the "quotation mark" where it says "URL Goes Here".
Add a review