将社交图标条添加到我的网站

时间:2014-07-31 17:52:36

标签: css icons

嘿伙计们,我正在努力为我的页面添加一个社交图标之旅,我在另一个论坛上发布了一个类似的帖子,并且确实得到了相当多的建议,问题是它做了100%的工作。

我被建议从以下网站获取社交图标条:

http://www.sharethis.com/get-sharing-tools/

它实现了结果,但有一些流程。

我是如何实现以下结果的?好吧,我去了http://www.sharethis.com/get-sharing-tools/网站,经历了几个步骤,其中包括选择你想要的社交图标条的类型,当我到达第3步时,它说

在头部发布以下代码:

  <script type="text/javascript">var switchTo5x=true;</script>
  <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js">                  </script>
  <script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

以及页面底部的以下代码

<script type="text/javascript">stLight.options({publisher: "04f4db94-c669-4189-81a6-f6851ff375ea", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<script>
var options={ "publisher": "04f4db94-c669-4189-81a6-f6851ff375ea", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>

here is wht it looked like .

问题是我遇到了一些问题,如下所示:

它重定向到我不想要的页面,并且它也没有显示共享数量的计数(这是次要的,但我喜欢这个功能)< / p>

我真正想要实现的是

This

请参阅以下页面,了解他们在网页上如何显示社交图标条。

http://courses.tutsplus.com/courses/...-design-in-php

如果问题听起来太复杂,那就是我的简单内容。

在我的网站上有类似的东西。 enter image description here

我确信这不是火箭科学,所以如果你们中的任何一个人使用了第三方小工具/库并且可以帮助我进行整合,那将是有用的。

请指导我,感谢您的帮助和时间。

谢谢。

问候。

Gautam。

0 个答案:

没有答案