转载自:

分享一段采集到花瓣和开心集品浮动按钮。

花瓣提供了pinmarklet.js这样一个javascript文件,里面已经封装了采集方法。于是我们只需要对花瓣提供的JS代码,针对wordpress网站的特点,在相应的位置进行调用即可以,同样赞一句,花瓣不光提供了JS文件,还对分享按钮设定了样式,也算是统一网站标识吧!

1.可以是文章页single.php,也可以是全局的footer.php,推荐文章页single.php。

2.把代码放置在single.php最底部。

<script type="text/javascript">
(
    function(d)
    {
    var e = d.createElement('script'),
        a = d.getElementsByTagName('head')[0] || d.body;
       
    if(a) {
        e.setAttribute('type','text/javascript');
        e.setAttribute('charset','UTF-8');
        e.setAttribute('src','http://apitu.jipin.kaixin001.com/remote/assistant?t='+(+new Date));
        a.appendChild(e);
    }
    }
)(document);
</script>
<script type="text/javascript" defer="defer" charset="utf-8">
    (function(d,t) {
      var appendScript = function() {
        var a   = d.createElement('script');
        a.id    = 'huaban_share_script';
        a.async = true;
        a.setAttribute('charset','utf-8');
        a.src   = 'http://huaban.com/js/pinmarklet.js?' + Math.floor(+new Date/1E7);
        var s   = d.getElementsByTagName(t)[0];
        s.parentNode.insertBefore(a, s);
      }
      if (window.attachEvent) {
        window.attachEvent('onload', function(){setTimeout(appendScript, 1000);});
      } else {
        appendScript();
      }
    })(document, 'script');
</script>


或者也可使用这段代码:(本博客采用的是这段)

<script charset="utf-8" defer="defer" type="text/javascript">
(function(d,t) {
var appendScript = function() {
var a = d.createElement('script');
a.id = 'huaban_share_script';
a.async = true;
a.setAttribute('charset','utf-8');
a.src = 'http://huaban.com/js/pinmarklet.js?' + Math.floor(+new Date/1E7);
var s = d.getElementsByTagName(t)[0];
s.parentNode.insertBefore(a, s);
}
if (window.attachEvent) {
window.attachEvent('onload', function(){setTimeout(appendScript, 1000);});
} else {
appendScript();
}
})(document, 'script');
</script>

效果如下,将鼠标移至图片上时,自动浮出“采集到花瓣”和“收集”按钮

发表评论

电子邮件地址不会被公开。 必填项已用*标注