OnTeque is the best platform for Mobile Reviews,
Laptop Reviews, Tips and Tricks about Android,
How to, windows, Software, mac, iOS Apple, YouTube, Facebook, WhatsApp,
Instagram, twitter, tech.
 |
| How to add social media icons in html / html code for social media icons blogger |
Content
Here We are going to learn about
⇒How do I add social media icons to my website?
⇒How do I insert icons in HTML?
⇒How do I embed social media in HTML?
⇒How do I add social media icons to the navigation bar in HTML?
Overview
Here we are going to learn how to add social media icons in html footer, how to add social media icons in html blogger, social media buttons html code generator, footer with social media icons codepen, html social media icons font awesome, social media icons w3schools, social media icons css, html code for social media icons blogger.
What is Social Media Icon ?
Social media icon are small logos of social media with active links. Once a
person click on the icon it redirect you to the destination directed by the
admin.
Example if you click on Facebook icon then it may redirect you to the
Facebook page of the admin.
How To Add Social Media Icon With Link
Here are the steps to add social media icons in blogger via html.
Step 1: Go to blogger dashboard.
Step 2: Go to any post in which you want to add this icon.
Step 3: Copy the following link.
<div style="text-align: center;"><a href="https://facebook.com/onteque/" rel="nofollow" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="50" src="https://blogger.googleusercontent.com/img/a/AVvXsEjQaZVicdpHPZB9p_t5TRo3HrSKbyifmEh30opXRYQPbf40qaBl7sO0J6Irva_k45Mr_bkEIJa9JYAeKhwHiu1tJysiL_uj_O-FZd_YV_zlw3jeajRU4IZ5w9KJSJapEjamh4B-cIuNsltQf-oly_mM1kuUh9rbu7bgcnhD4SMDjEk8OUUtn9gOFqon=w50-h50" width="50" /></a> <a href="https://instagram.com/_onteque/" rel="nofollow" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="50" src="https://blogger.googleusercontent.com/img/a/AVvXsEiE8lteR5dBgNMalo0mTapvsr3Oi-snbTN0KKWxh65np4LxA5hRnkzIavJq1mFeHqnbT-D8qHH3fbB8mw_jb70c14GmFSbKzhDLm5MdvdeHpoqV-9M7I2IM0cy66gxYx1q7FcMhHB6GShajmPwy7Gju2vxdQfGn3WxS_HNs0DdPuslNsnbjCHsHCi-A=w50-h50" width="50" /></a> <a href="https://www.youtube.com/c/OnTeque" rel="nofollow" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="50" src="https://blogger.googleusercontent.com/img/a/AVvXsEgZLjgCCdFbpuCp1g0K1579SUCsrn9nXCpHVHq9nk-zn4yPaniKx9tJX6rEQLG1AQa1fqlj1U-DatjVkfArYO6XwvXMHXdFiA6vTdSDYosCgCLCPOZICFqr4qIPCyVuSBp730I2KJ_JcaqdSplkxtCxrXLbxNR0JwX-nyJf5WnaMF8LMqlE2HsA4_xI=w50-h50" width="50" /></a> <a href="https://twitter.com/thebioticworld" rel="nofollow" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="51" src="https://blogger.googleusercontent.com/img/a/AVvXsEiXtfx5R3v5-WdgzCcV5zhy0UNEDgynRUdnyQHMFo95h5SYv9ZrFhJq7LGnlCXXcfAU0Vyv-mhPvSvpFyg5kOzULprd4ktNkR0lfoWL57dKJBkRNgm4N46fnjcsyal2vYJGgBeNdcJL5zNnufXtQUNsoi6o4-ocY9WDTYJYXf0pWlO5eOFcDedCrMCH=w51-h51" width="51" /></a> <a href="https://in.pinterest.com/onteque//" rel="nofollow" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="51" src="https://blogger.googleusercontent.com/img/a/AVvXsEhxTdhcFaDjCxnDISRnQlkRR-nsiUHljeDZ79oNaRNaao0JkTtFAYWOoSpIiNJppjYSQ6FP4xZW-ngyn7rSoYfSRRpeyYF8ssVxhAGG9KLzo9iDbUDZQyho1xYyj2EmPCqE2uoPLSDhK_of1_NE9y6C_PV561Et8_mmclb_LMIpV8oA5Vr8tYTXqBEv=w51-h51" width="51" /></a></div>
Step 4: Remove The links and add your own social media URLs in respective
icons as shown in the video.
Step 5: Save the post.