博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
csdn博客栏目装修大全------如何植入“微信打赏”、“微信公众号”等
阅读量:4141 次
发布时间:2019-05-25

本文共 2466 字,大约阅读时间需要 8 分钟。

         转载地址: http://blog.csdn.net/xmtblog/article/details/50600953

          

          过年了,各公司都在晒年终奖、办年会。据说小米公司年会中,有免费装修房子的。我们这些可怜的程序员只能想办法装修装修自己的csdn博客了。那么作为csdn的一个忠实用户,今天我教大家如何免费的对自己的csdn博客进行装修。


        1.添加打赏功能
之前我写过一篇关于csdn博客添加打赏功能的需求文章,地址:
虽然到目前为止csdn还没有实现,但是作为程序员我们可以间接的靠装修博客栏目来实现。
先看看效果:

实现方案:找到csdn的个人主页()找到我的收藏,有一个小箭头,选择我的相册,上传自己微信和支付宝扫描付的二维码。然后到博客栏目()
添加自定义栏目,一个人最多可以添加6个自定义栏目(好像只有博客专家才有添加自定义栏目的权限)。
在里面添加如下代码:

[html]   
  1. <img src="https://img-my.csdn.net/uploads/201601/18/1453086577_7892.png" alt="支付宝" title="支付宝二维码" height="100%" width="100%">  
就可以实现读者扫描打赏功能了。微信做法类似。


        2.添加外部友情链接
这个功能很简单了,直接在自定义栏目里的内容中添加a标签即可。如我的代码如下:

[html]   
  1. <a href="http://www.xttblog.com" target="_blank" title="业余草" class="panel_head">我的个人网站</a>  
  2. <br>  
  3. <span class="panel_head">QQ1群:</span>135430763  
  4. <br>  
  5. <span class="panel_head">QQ2群:</span>454796847  
  6. <br>  

       3.播放音乐功能
  这个功能主要找免费的mp3链接,然后添加<audio>标签。如我的做法:

[html]   
  1. <audio src="http://sc.111ttt.com/up/mp3/125738/31A5E4F7BFDEAC3B3CFD7CA5D86E43C6.mp3" autoplay="autoplay"></audio>  
当然这种做法不可动态调整音乐。这时你可以添加一个<iframe>引入百度随身听音乐台。代码如下:
[html]   
  1. <iframe src="http://fm.baidu.com/?embed=ps" style="display: none;"></iframe>  

        4.加入qq邮箱邮我功能
这个就不详细些了,给篇教程的地址:

        5.加入自定义广告展示位
这个可以自己收一些广告,做个左侧广告展示。做法如下:

[html]   
  1. <a href="http://count.chanet.com.cn/click.cgi?a=434621&d=89940&u=&e=" target="_blank" id="csdn_id_123456789_test">  
  2. <script type="text/javascript">  
  3. function createImg(){  
  4. var img_parent = document.getElementById("csdn_id_123456789_test"),  
  5. test_img = document.createElement("img");  
  6. test_img.setAttribute("src", "http://file.chanet.com.cn/image.cgi?a=434621&d=89940&u=&e=");  
  7. img_parent.appendChild(test_img);  
  8. }  
  9. createImg();  
  10. </script>  
  11. </a>   
         由于csdn对img的图片做了限制,不能是其他网站的。这里我们采用动态创建img的做法,绕过csdn的限制。
当然你这样做会损害csdn的利益,骚年们还是不要这样做的好。

        6.加入微博功能
点击找到一键关注,自己设置微博人物uid。将js代码添加到博客栏目内容中即可。代码如下:

[html]   
  1. <script type="text/javascript">document.write('<iframe width="260" height="489" frameborder="0" scrolling="no" src="http://widget.weibo.com/relationship/bulkfollow.php?language=zh_cn&uids=1642909335,1782515283&wide=1&color=C2D9F2,FFFFFF,0082CB,666666&showtitle=1&showinfo=1&sense=0&verified=1&count=5&refer='+encodeURIComponent(location.href)+'&dpc=1"></iframe>')</script>  
或者找到微博秀,自己设置外观。然后复制嵌入代码,粘贴到博客栏目内容中即可。代码如下:
[html]   
  1. <iframe width="100%" height="550" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=1&isFans=1&uid=2410011900&verifier=bce1c748&dpc=1"></iframe>  
   

           

你可能感兴趣的文章
vue 遍历对象并动态绑定在下拉列表中
查看>>
Vue动态生成el-checkbox点击无法选中的解决方法
查看>>
MySQL Tricks1
查看>>
python 变量作用域问题(经典坑)
查看>>
pytorch
查看>>
pytorch(三)
查看>>
ubuntu相关
查看>>
C++ 调用json
查看>>
nano中设置脚本开机自启动
查看>>
动态库调动态库
查看>>
Kubernetes集群搭建之CNI-Flanneld部署篇
查看>>
k8s web终端连接工具
查看>>
手绘VS码绘(一):静态图绘制(码绘使用P5.js)
查看>>
手绘VS码绘(二):动态图绘制(码绘使用Processing)
查看>>
基于P5.js的“绘画系统”
查看>>
《达芬奇的人生密码》观后感
查看>>
论文翻译:《一个包容性设计的具体例子:聋人导向可访问性》
查看>>
基于“分形”编写的交互应用
查看>>
《融入动画技术的交互应用》主题博文推荐
查看>>
链睿和家乐福合作推出下一代零售业隐私保护技术
查看>>