加入博阅榜

博阅榜是为俱乐部成员博主打造的专属榜单,实时统计并展示加入榜单的博客访问量数据,助力博主提升影响力和曝光度。

您可以通过将以下标识代码放入您的站点底部来加入博阅榜:
当访问量过大有异常行为时会暂时关闭该站点的博阅榜权限哦~
完整版(默认)

效果预览(虚线边框仅作演示)

图片标识代码

<a href="https://www.blogsclub.org/rank.html" target="_blank">
    <img src="https://www.blogsclub.org/badge/您在BlogsClub使用的博客域名(不加http(s)://以及末尾的斜杠)"
         style="height:60px!important" loading="lazy">
</a>

图片标识代码(居中)

<div style="display:flex;justify-content:center;align-items:center;">
    <a href="https://www.blogsclub.org/rank.html" target="_blank">
        <img src="https://www.blogsclub.org/badge/您在BlogsClub使用的博客域名(不加http(s)://以及末尾的斜杠)"
             style="height:60px!important" loading="lazy">
    </a>
</div>
完整版(暗色)

效果预览(虚线边框仅作演示)

图片标识代码

<a href="https://www.blogsclub.org/rank.html" target="_blank">
    <img src="https://www.blogsclub.org/badge/您在BlogsClub使用的博客域名/theme/dark(不加http(s)://以及末尾的斜杠)"
         style="height:60px!important" loading="lazy">
</a>

图片标识代码(居中)

<div style="display:flex;justify-content:center;align-items:center;">
    <a href="https://www.blogsclub.org/rank.html" target="_blank">
        <img src="https://www.blogsclub.org/badge/您在BlogsClub使用的博客域名/theme/dark(不加http(s)://以及末尾的斜杠)"
             style="height:60px!important" loading="lazy">
    </a>
</div>
简约版

效果预览(虚线边框仅作演示)

简约版不显示博客名称与 LEVEL 信息,其余与完整版一致。

图片标识代码

<a href="https://www.blogsclub.org/rank.html" target="_blank">
    <img src="https://www.blogsclub.org/badge/您在BlogsClub使用的博客域名/theme/simple(不加http(s)://以及末尾的斜杠)"
         style="height:60px!important" loading="lazy">
</a>

图片标识代码(居中)

<div style="display:flex;justify-content:center;align-items:center;">
    <a href="https://www.blogsclub.org/rank.html" target="_blank">
        <img src="https://www.blogsclub.org/badge/您在BlogsClub使用的博客域名/theme/simple(不加http(s)://以及末尾的斜杠)"
             style="height:60px!important" loading="lazy">
    </a>
</div>
简约版(暗色)

效果预览(虚线边框仅作演示)

简约版不显示博客名称与 LEVEL 信息,其余与完整版一致。

图片标识代码

<a href="https://www.blogsclub.org/rank.html" target="_blank">
    <img src="https://www.blogsclub.org/badge/您在BlogsClub使用的博客域名/theme/simple-dark(不加http(s)://以及末尾的斜杠)"
         style="height:60px!important" loading="lazy">
</a>

图片标识代码(居中)

<div style="display:flex;justify-content:center;align-items:center;">
    <a href="https://www.blogsclub.org/rank.html" target="_blank">
        <img src="https://www.blogsclub.org/badge/您在BlogsClub使用的博客域名/theme/simple-dark(不加http(s)://以及末尾的斜杠)"
             style="height:60px!important" loading="lazy">
    </a>
</div>

隐藏式标识代码

若不想显示图片又想加入博阅榜可在 head 中加入以下代码:
<link rel="prefetch" as="image" href="https://www.blogsclub.org/badge/您在BlogsClub使用的博客域名(不加http(s)://以及末尾的斜杠)">
组件 标准
Emoji图标 0-30、31-60、61-90、91-120、121-150、151-180、181-210、211-240、241-270、271-299、 300及以上,到达对应的UV便会显示不同Emoji
进度条 基于当前UV计算(0-100%进度)
UV和RV UV为独立访客,RV为回访访客(指独立访客回访)
等级系统 Level = UV,根据UV计算
主题版本 完整版(默认)、完整版(暗色)、简约版、简约版(暗色)。简约版不显示博客名称与 LEVEL,其余组件均一致