网站为图片添加收藏到花瓣按钮

花瓣收藏是一个简单而强大的社会化收藏工具。相比传统收藏方式的零散性,使用花瓣收藏工具

用户可以直接将网络上喜欢的内容收藏到自己统一的账户上进行管理,需要时可以点回到原网站。

用户将您网站的内容收藏到花瓣后,可以被花瓣上更多的用户发现,并点击回流到您的网站,这将为您的网站带来更多的流量和注册用户。

将原来的收藏按钮替换成“收藏到花瓣”极其简单,只需要黏贴一段代码即可。无需任何的技术改造开发。

 

使用方法:复制如下代码,插入页面</body>之前即可。

<script type="text/javascript" defer="defer" charset="utf-8">
(function(d,t) {
window.huaban_minWidth = 280;
window.huaban_minHeight = 280;
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>

1.如果要指定悬浮按钮的位置,在 a.setAttribute('charset', 'utf-8'),这一行下面加上一行 a.setAttribute('data-position', 'top right'); 2.如果需要限制最小图片尺寸,请修改 window.huaban_minWidth, window.huaban_minHeight 的值。

本文著作权归作者 [  ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。

发表留言

读者留言6

  1. 测试评论.

    1. 测试评论@微凉

  2. 这个是老鼠的主题,原来PJ的时候我用过。你这个添加图标还是蛮有趣的,可是并不是所有人都喜欢你这个花瓣的网站。

    1. 我以前PJ也是这款皮肤,太喜欢这皮肤了,关于按钮,仔细想想也是花瓣的用户并不多,我确实有点以点盖面了.@且听风吟

  3. 能否把你网站的主题给我一份参考参考呢!现在在学主题制作呢……

    1. 你在学做主题啊,那正好帮我修改修改.我自己啥也不懂.但前提是别把东西放出去就可以.

  4. 好清凉的感觉

    1. 这个皮肤原本是PJ的本来是非常赞的,奈何我不懂代码,被我整成这样了,愧对原作者.