在网站底部添加 CTRL+D 收藏按钮源码

admin

1、将下面的代码添加在网站页脚底部或者在 WordPress 后台添加小工具，效果展示是一样的我是添加在小工具的

2、添加路径：在后台 >> 外观 >> 小工具 >> 自定义 HTML >> 选择你需要放的位置

站长是放在 所有页面-页脚区内部 添加下方代码

1. <!---CTRL+D 收藏小工具开始--->
   
2. <style type="text/css">
   
3. #go-fav {
   
4.     width: 100%;
   
5.     height: 60px;
   
6.     line-height: 60px;
   
7.     text-align: center;
   
8.     background: #3d3d3d;
   
9.     font-size: 14px;
   
10.     font-weight: 400;
    
11.     color: rgba(255, 255, 255, 1)
    
12. }
    
13. 
    
14. #go-fav span {
    
15.     padding: 5px 10px;
    
16.     background: rgba(255, 197, 0, 1);
    
17.     border-radius: 5px;
    
18.     color: #202020;
    
19.     margin: 0 5px
    
20. }
    
21. 
    
22. #go-fav a {
    
23.     color: #aeaeae
    
24. }
    
25. 
    
26. #go-fav a:hover {
    
27.     color: var(--focus-color)
    
28. }
    
29. </style>
    
30. <div id="go-fav"> 赶紧收藏我们,查看更多心仪的内容？按<span>Ctrl</span>+<span>D</span>收藏我们 或<a class="find-more" href="/" rel="nofollow noopener" target="_blank"> 发现更多</a></div>
    
31. <!---CTRL+D 收藏小工具结束--->

复制代码