• 搜索
  • 夜间模式
    ©2026  岚峰 Theme by OneBlog

    岚峰博客

    搜索
    标签
    # 记事 # 维修 # plc # 学习 # 记录 # 文字 # 博客 # 小说 # 酒 # 闲话
  • 首页>
  • 生活片段>
  • 正文
  • 网站为图片添加收藏到花瓣按钮

    2012年04月06日 1.5 k 阅读 6 评论 1203 字

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

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

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

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

     

    使用方法:复制如下代码,插入页面</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. 微凉 Lv.1
      2012-04-07 19:57 回复

      测试评论.

      1. 微凉的风 博主
        2012-04-07 19:58 回复
        @微凉

        测试评论@微凉

    2. 且听风吟 Lv.3
      2012-04-07 15:15 回复

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

      1. 微凉的风 博主
        2012-04-07 19:20 回复
        @且听风吟

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

    3. clearsky Lv.3
      2012-04-06 20:05 回复

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

      1. 微凉的风 博主
        2012-04-06 20:15 回复
        @clearsky

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

    4. 忘水鱼 Lv.1
      2012-04-06 19:34 回复

      好清凉的感觉

      1. 微凉的风 博主
        2012-04-06 19:38 回复
        @忘水鱼

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

    加载更多评论
    加载中...
    — 已加载全部评论 —
    Copyright©2026  All Rights Reserved.  Load:0.069 s
    Theme by OneBlog V3.6.5
    夜间模式

    开源不易,请尊重作者版权,保留基本的版权信息。