zblog如何装上小刀娱乐网、善恶资源网同款点赞与踩一下

zblog如何装上小刀娱乐网、善恶资源网同款点赞与踩一下,第1张

zblog如何装上小刀娱乐网、善恶资源网同款点赞与踩一下,image.png,第2张

很多站长网友都访问小刀娱乐网或善恶资源网,但是这个点赞和踩一下只有某DE和Emlog才有插件

小编自己经过测试已经成功在其他测试站上放上如上图的点赞和踩一下,

首先需要下载zblog的一款名为:新·文章点赞开发版

插件地址:https://app.zblogcn.com/?id=1624

代码:

<div class="article-fx">
<div class="social-main" id="newdigg">
<div class="san-praise-sdk" sfa='click' data-postid='{$san_praise_sdk.postid}' data-value="1" data-ok='zijiqugemingzi'>
<span class="like"><a>有价值(<span class="san-praise-sdk" sfa='num' data-value='1' data-postid='{$san_praise_sdk.postid}'>{$san_praise_sdk.value1}</span>)</a></span>
</div>
<div class="san-praise-sdk" sfa='click' data-postid='{$san_praise_sdk.postid}' data-value="2" data-ok='zijiqugemingzi'>
<span class="bad"><a>无价值(<span class="san-praise-sdk" sfa='num' data-value='2' data-postid='{$san_praise_sdk.postid}'>{$san_praise_sdk.value2}</span>)</a></span>
</div>
</div>
</div>

把上面的代码复制进模板中single.php,需要有一定的代码基础的小伙伴、不太建议付费模板使用,因为更新要备份一下非常的麻烦

CSS代码:

.article-fx {
    width: 100%;
    padding-bottom: 10px;
    height: 80px;
}
#newdigg {
    border-bottom: medium none;
    padding: 5px 0;
}



.like a {
    display: block;
    background: url(../images/yjz.png) no-repeat 20px center;
}
.bad a {
    float: right;
    display: block;
    background: url(../images/wjz.png) no-repeat 20px center;
}
.social-main {
    margin: 5px 0;
    position: relative;
    width: 380px;
    height: 55px;
    float: right;
}
.social-main a {
    color: #333;
    float: left;
    line-height: 50px;
    border: 1px solid #f1f1f1;
    border-radius: 32px;
    width: 180px;
    text-indent: 80px;
    background-size: 50px!important;
    transition: all .3s;
}

上面的CSS代码写入文章引入的CSS里面即可,需要自己调间距 好像有点不好看 图片也给大家打包了!

欢迎分享,转载请注明来源:新瑞站长网

原文地址:https://www.qb97.cn/zaji/714.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-01-31
下一篇2023-01-31

发表评论

登录后才能评论

评论列表(0条)

    保存