博客园自定义美化——博客园页脚功能（底部简介关注打赏）——博客园文章个性签名功能

博客园页脚功能

---

 

<!--/*&lt;!&ndash; 页脚简介打赏 &ndash;&gt;*/ -->
<!--全部复制粘贴到博客签名里  不能引入-->
<div class="div_masklayer" id="div_masklayer"></div>
<div class="div_popup" id="Div_popup">
    <img class="img_zfb" id="img_zfb" src="https://files.cnblogs.com/files/ujq3/wxzf.gif">
    <p class="mid">您的资助是我最大的动力！<br>金额随意,欢迎来赏！</p>
    <img class="img_zfb" id="img_wx" src="https://files.cnblogs.com/files/ujq3/zfbzf.gif">
</div>
<div class="autograph">
    <p> <span style="display: none"> 如果，您认为阅读这篇博客让您有些收获，不妨点击一下右下角的<a id="btnRecommendMyBlog">【<strong>推荐</strong>】</a>按钮。<br>
    </span> 如果，您希望更容易地发现我的新博客，不妨点击一下绿色通道的<a id="guanzhuwo">【<strong>关注我</strong>】</a>。</p>
    <div class="blogds">如果，想给予我更多的鼓励，<span class="bold">求打</span> <a class="btn_donate" style="position: absolute"
                                                                     id="btn_donate" title="Donate 打赏"
                                                                     target="_self"></a></div>
    <p>因为，我的写作热情也离不开您的肯定支持，感谢您的阅读，我是【<strong><a href="https://www.cnblogs.com/ujq3/p/7221582.html">颜言</a></strong>】！</p>
    <p>联系或打赏博主【<strong><a href="https://www.cnblogs.com/ujq3/p/7221582.html">颜言</a></strong>】！<a
            href="https://www.cnblogs.com/ujq3/p/7221582.html">https://www.cnblogs.com/ujq3/p/7221582.html</a></p>
</div>

---

/*<!-- 页脚简介打赏 -->*/
/*<!--全部复制粘贴到 页面定制CSS代码  不能引入-->*/
<style type="text/css"><!-- 页脚简介打赏 -->
* {
    margin:0;
    padding:0;
}
html {
    _background:url(about:blank);
} /**//* 阻止闪动 in IE6 , 把空文件换成about:blank , 减少请求 */
body {
    background:#fff;
    font: 12px/1.5 Tahoma, Geneva, \5b8b\4f53, sans-serif;
    height:100%;
}
.custom_hide {
    display: none;
}
.mid {
    font-size:18px;
    font-weight:bold;
    color:#f9f;
    text-align:center;
    vertical-align:top;
    line-height:24px;
}
/**//** 遮罩层 **/ 
.div_masklayer {
    background:#000;
    display:none;
    filter:alpha(opacity = 50);
    opacity:0.5;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:999;
    position:fixed;
    _position:absolute;
_left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);
_top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);
}
/**//** 弹出层 **/ 
.div_popup {
    display:none;
    width:300px;
    z-index:1000;
    background:#0aa;
    left:50%;
    top:50%;
    position:fixed!important;
    margin-left:-150px !important;
    _position:absolute;
_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat')? documentElement.scrollTop + (document.documentElement.clientHeight - this.offsetHeight)/2: /**//*IE6*/ 
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); /**//*IE5 IE5.5*/
}
/*图片样式*/
.img_zfb {
    width:100%;
    height:100%;
}
/*签名*/
.autograph {
    padding: 15px;
    background-color: #FFF7DC;
    border: 2px solid #FFBFBF;
    font-family:"Courier New", 微软雅黑, Consolas, Arial, 宋体;
}
.custom_hide {
    display: none;
}
.blogds {
    height:82px;
    line-height:82px;
}
a.btn_donate {
    display: inline-block;
    width: 82px;
    height: 82px;
    background: url("https://files.cnblogs.com/files/ujq3/footer_reward.gif") no-repeat;
    _background: url("https://files.cnblogs.com/files/ujq3/footer_reward.gif") no-repeat;
    -webkit-transition: background 0s;
    -moz-transition: background 0s;
    -o-transition: background 0s;
    -ms-transition: background 0s;
    transition: background 0s;
}
a.btn_donate:hover {
    cursor:pointer;
    background-position: 0px -82px;
    background-color:unset !important;
}
.bold {
    font-weight: bold;
}   
</style>

---

// /*<!-- 页脚简介打赏 -->*/
// 在页脚Html代码 引入
// <script type="text/javascript" src="https://blog-static.cnblogs.com/files/ujq3/footer.js" ></script><!-- 页脚简介打赏 -->
function btn_donateClick() {
    var DivPopup = document.getElementById('Div_popup');
    var DivMasklayer = document.getElementById('div_masklayer');
    DivMasklayer.style.display = 'block';
    DivPopup.style.display = 'block';
    var h = Div_popup.clientHeight;
    with (Div_popup.style) {
        marginTop = -h / 2 + 'px';
    }
}

function MasklayerClick() {

    var masklayer = document.getElementById('div_masklayer');
    var divImg = document.getElementById("Div_popup");
    masklayer.style.display = "none";
    divImg.style.display = "none";
}

setTimeout(
    function () {
        document.getElementById('div_masklayer').onclick = MasklayerClick;
        document.getElementById('btn_donate').onclick = btn_donateClick;
        var a_gzw = document.getElementById("guanzhuwo");
        a_gzw.href = "javascript:void(0);";
        $("#guanzhuwo").attr("onclick","follow('33513f9f-ba13-e011-ac81-842b2b196315');");
    }, 900);

---

https://files.cnblogs.com/files/ujq3/zfbzf.gif