博客園自定義美化——博客園頁腳功能（底部簡介關注打賞）——博客園文章個性簽名功能

博客園頁腳功能

 

 

---

 

 

 

 1 <!--/*&lt;!&ndash; 頁腳簡介打賞 &ndash;&gt;*/ -->
 2 <!--所有複製粘貼到博客簽名裏  不能引入-->
 3 <div class="div_masklayer" id="div_masklayer"></div>
 4 <div class="div_popup" id="Div_popup">
 5     <img class="img_zfb" id="img_zfb" src="https://files.cnblogs.com/files/ujq3/wxzf.gif">
 6     <p class="mid">您的資助是我最大的動力！<br>金額隨意,歡迎來賞！</p>
 7     <img class="img_zfb" id="img_wx" src="https://files.cnblogs.com/files/ujq3/zfbzf.gif">
 8 </div>
 9 <div class="autograph">
10     <p> <span style="display: none"> 若是，您認爲閱讀這篇博客讓您有些收穫，不妨點擊一下右下角的<a id="btnRecommendMyBlog">【<strong>推薦</strong>】</a>按鈕。<br>
11     </span> 若是，您但願更容易地發現個人新博客，不妨點擊一下綠色通道的<a id="guanzhuwo">【<strong>關注我</strong>】</a>。</p>
12     <div class="blogds">若是，想給予我更多的鼓勵，<span class="bold">求打</span> <a class="btn_donate" style="position: absolute"
13                                                                      id="btn_donate" title="Donate 打賞"
14                                                                      target="_self"></a></div>
15     <p>由於，個人寫做熱情也離不開您的確定支持，感謝您的閱讀，我是【<strong><a href="https://www.cnblogs.com/ujq3/p/7221582.html">顏言</a></strong>】！</p>
16     <p>聯繫或打賞博主【<strong><a href="https://www.cnblogs.com/ujq3/p/7221582.html">顏言</a></strong>】！<a
17             href="https://www.cnblogs.com/ujq3/p/7221582.html">https://www.cnblogs.com/ujq3/p/7221582.html</a></p>
18 </div>

博客簽名.html

 

---

 

 

 

 

 

 

 1 /*<!-- 頁腳簡介打賞 -->*/
 2 /*<!--所有複製粘貼到 頁面定製CSS代碼  不能引入-->*/
 3 <style type="text/css"><!-- 頁腳簡介打賞 -->
 4 * {
 5     margin:0;
 6     padding:0;
 7 }
 8 html {
 9     _background:url(about:blank);
10 } /**//* 阻止閃動 in IE6 , 把空文件換成about:blank , 減小請求 */
11 body {
12     background:#fff;
13     font: 12px/1.5 Tahoma, Geneva, \\5b8b\\4f53, sans-serif;
14     height:100%;
15 }
16 .custom_hide {
17     display: none;
18 }
19 .mid {
20     font-size:18px;
21     font-weight:bold;
22     color:#f9f;
23     text-align:center;
24     vertical-align:top;
25     line-height:24px;
26 }
27 /**//** 遮罩層 **/ 
28 .div_masklayer {
29     background:#000;
30     display:none;
31     filter:alpha(opacity = 50);
32     opacity:0.5;
33     top:0;
34     left:0;
35     height:100%;
36     width:100%;
37     z-index:999;
38     position:fixed;
39     _position:absolute;
40 _left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);
41 _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);
42 }
43 /**//** 彈出層 **/ 
44 .div_popup {
45     display:none;
46     width:300px;
47     z-index:1000;
48     background:#0aa;
49     left:50%;
50     top:50%;
51     position:fixed!important;
52     margin-left:-150px !important;
53     _position:absolute;
54 _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat')? documentElement.scrollTop + (document.documentElement.clientHeight - this.offsetHeight)/2: /**//*IE6*/ 
55 document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); /**//*IE5 IE5.5*/
56 }
57 /*圖片樣式*/
58 .img_zfb {
59     width:100%;
60     height:100%;
61 }
62 /*簽名*/
63 .autograph {
64     padding: 15px;
65     background-color: #FFF7DC;
66     border: 2px solid #FFBFBF;
67     font-family:"Courier New", 微軟雅黑, Consolas, Arial, 宋體;
68 }
69 .custom_hide {
70     display: none;
71 }
72 .blogds {
73     height:82px;
74     line-height:82px;
75 }
76 a.btn_donate {
77     display: inline-block;
78     width: 82px;
79     height: 82px;
80     background: url("https://files.cnblogs.com/files/ujq3/footer_reward.gif") no-repeat;
81     _background: url("https://files.cnblogs.com/files/ujq3/footer_reward.gif") no-repeat;
82     -webkit-transition: background 0s;
83     -moz-transition: background 0s;
84     -o-transition: background 0s;
85     -ms-transition: background 0s;
86     transition: background 0s;
87 }
88 a.btn_donate:hover {
89     cursor:pointer;
90     background-position: 0px -82px;
91     background-color:unset !important;
92 }
93 .bold {
94     font-weight: bold;
95 }   
96 </style>

footer.css

 

---

 

 

 

 

 

 1 // /*<!-- 頁腳簡介打賞 -->*/
 2 // 在頁腳Html代碼 引入
 3 // <script type="text/javascript" src="https://blog-static.cnblogs.com/files/ujq3/footer.js" ></script><!-- 頁腳簡介打賞 -->
 4 function btn_donateClick() {
 5     var DivPopup = document.getElementById('Div_popup');
 6     var DivMasklayer = document.getElementById('div_masklayer');
 7     DivMasklayer.style.display = 'block';
 8     DivPopup.style.display = 'block';
 9     var h = Div_popup.clientHeight;
10     with (Div_popup.style) {
11         marginTop = -h / 2 + 'px';
12     }
13 }
14 
15 function MasklayerClick() {
16 
17     var masklayer = document.getElementById('div_masklayer');
18     var divImg = document.getElementById("Div_popup");
19     masklayer.style.display = "none";
20     divImg.style.display = "none";
21 }
22 
23 setTimeout(
24     function () {
25         document.getElementById('div_masklayer').onclick = MasklayerClick;
26         document.getElementById('btn_donate').onclick = btn_donateClick;
27         var a_gzw = document.getElementById("guanzhuwo");
28         a_gzw.href = "javascript:void(0);";
29         $("#guanzhuwo").attr("onclick","follow('33513f9f-ba13-e011-ac81-842b2b196315');");
30     }, 900);

footer.js

 

 

---

 

 

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