javascript - 如何在 Blogger 上添加社交媒体图标/徽标？

Question

如何将上述内容添加到我的 Blogger博客？编辑 HTML 时，我可以从我使用的主题中看到 Facebook 正在使用

<!-- FACEBOOK SHARE ICON -->
<a class='facebook-ico' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><i class='fa fa-facebook'/><span class='split'>Facebook</span></a>

; LinkedIn 正在使用

<!-- LINKEDIN SHARE ICON -->
<a expr:href='&quot;https://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><span class='share-text'><i class='fa fa-linkedin-square'/>LinkedIn</span></a>

; Pinterest 正在使用

<a expr:href='&quot;https://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'><span class='share-text'><i class='fa fa-pinterest'/></span></a>

; 推特正在使用

<a class='twitter-ico' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><i class='fa fa-twitter'/> <span class='split'>Twitter</span></a>

; WhatsApp 正在使用

<a class='bitz' expr:data-href='data:post.url' expr:data-text='data:post.title' href='#' title='Share on whatsapp'><i class='fa fa-whatsapp'/>WhatsApp</a>

问题：一些按钮只有一个没有图标的链接（如LinkedIn）；其他人有图标和链接（Facebook、Twitter、WA）；其他人根本没有出现（Pinterest）；他们都是没有动画的。

我想为 Facebook、Instagram、LinkedIn、Telegram、Twitter、WhatsApp 和任何相关的东西（与我的博客）添加（动画）图标，不繁琐、吸引人、流行并被大多数社交网络用户使用。

谢谢！

标签： javascripthtmlbloggerblogs