csdn博客栏目装修大全

过年了，各公司都在晒年终奖、办年会。据说小米公司年会中，有免费装修房子的。我们这些可怜的程序员只能想办法装修装修自己的csdn博客了。那么作为csdn的一个忠实用户，今天我教大家如何免费的对自己的csdn博客进行装修。
1.添加打赏功能
之前我写过一篇关于csdn博客添加打赏功能的需求文章，地址： http://blog.csdn.net/xmtblog/article/details/50371814
虽然到目前为止csdn还没有实现，但是作为程序员我们可以间接的靠装修博客栏目来实现。
先看看效果：

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

<img src="https://img-my.csdn.net/uploads/201601/18/1453086577_7892.png" alt="支付宝" title="支付宝二维码" height="100%" width="100%">

就可以实现读者扫描打赏功能了。微信做法类似。
2.添加外部友情链接
这个功能很简单了，直接在自定义栏目里的内容中添加a标签即可。如我的代码如下：

<a href="http://www.xttblog.com" target="_blank" title="业余草" class="panel_head">我的个人网站</a>
<br>
<span class="panel_head">QQ1群:</span>135430763
<br>
<span class="panel_head">QQ2群:</span>454796847
<br>

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

<audio src="http://sc.111ttt.com/up/mp3/125738/31A5E4F7BFDEAC3B3CFD7CA5D86E43C6.mp3" autoplay="autoplay"></audio>

当然这种做法不可动态调整音乐。这时你可以添加一个<iframe>引入百度随身听音乐台。代码如下：

<iframe src="http://fm.baidu.com/?embed=ps" style="display: none;"></iframe>

4.加入qq邮箱邮我功能
这个就不详细些了，给篇教程的地址： http://blog.csdn.net/hjl243632044/article/details/7216284

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

<a href="http://count.chanet.com.cn/click.cgi?a=434621&d=89940&u=&e=" target="_blank" id="csdn_id_123456789_test">
<script type="text/javascript">
function createImg(){
var img_parent = document.getElementById("csdn_id_123456789_test"),
test_img = document.createElement("img");
test_img.setAttribute("src", "http://file.chanet.com.cn/image.cgi?a=434621&d=89940&u=&e=");
img_parent.appendChild(test_img);
}
createImg();
</script>
</a>

由于csdn对img的图片做了限制，不能是其他网站的。这里我们采用动态创建img的做法，绕过csdn的限制。当然你这样做会损害csdn的利益，骚年们还是不要这样做的好。
6.加入微博功能
点击 http://open.weibo.com/widget/bulkfollow.php找到一键关注，自己设置微博人物uid。将js代码添加到博客栏目内容中即可。代码如下：

<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>

或者找到微博秀，自己设置外观。然后复制嵌入代码，粘贴到博客栏目内容中即可。代码如下：

<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>

就扯这么多吧！欢迎大家关注我的博客，关注我的微信，如有疑问，请加qq群：454796847、135430763 共同进步！

csdn博客栏目装修大全相关推荐

csdn博客栏目装修大全------如何植入“微信打赏”、“微信公众号”等
转载地址: http://blog.csdn.net/xmtblog/article/details/50600953 过年了,各公司都在晒年终奖.办年会.据说小米公司年会中,有免费装修房子的.我们这 ...
如何在CSDN博客栏目中添加“给我写信”
在"自定义栏目"中添加"连接"(将自己的微博,QQ空间和CSDN博客关联起来)很多人都做过.但是添加"给我写信"这个功能,用的好像不太多.此 ...
CSDN 博客栏目添加微博一键关注
方法一(推荐方法二.比较炫): 第一步:打开页面(http://open.weibo.com/widget/bulkfollow.php)点击打开链接第二步:按照里面的条件设置,填写需要关注的微博的 ...
CSDN 自定义博客栏目
把 CSDN 博客栏目设置得高大上一点~ 一.找到项目管理首先,点击我的博客 ,找到栏目管理 . 二.使用 HTML 进行编辑忘记在哪里可以自定义了.我之前自定义了一个我前进的动力 .点击 ...
博客栏目配置介绍-(个人介绍, QQ交谈, 发送邮件, 新浪微博, 天气预报...添加)
csdn专家终于申请到了, 是对自己的一种肯定也是接下去学习的动力. 今后, 将在csdn博客中分享更多自己的学习经验. _______________________________________ ...
csdn如何自定义博客栏目
在使用csdn的时候,我们可以自定义博客栏目,使自己的博客页面看起来更有吸引力.今天来给大家介绍一两种方法. 在开始之前,我先给大家来说一下csdn有一个我的相册这个功能,只不过这个功能被csdn ...
玩转CSDN博客之自定义博客栏目，根据需要定制栏目
转载自: http://www.w2bc.com/Article/40151 不得不说,CSDN在IT界还是非常不错的, 不管是文章数量还是质量,都非常不错,很多程序猿也在CSDN建了窝,那么如何把C ...
日常生活小技巧 -- CSDN自定义博客栏目
参看:玩转CSDN之自定义博客栏目参看:html颜色代码自定义CSDN的博客栏目,无非就是HTML 贴图:<img src="图片地址">加入连接:<a hr ...
如何给CSDN博客添加个人微信二维码或自定义栏目
在使用CSDN的过程中,一般人都不怎么会去关注私信或留言的,因此为了更加有效及时地与作者或网友进行沟通,可以将自己的邮箱地址或者微信二维码添加到自定义栏目中,现在新版的CSDN好像只能添加一个自定义栏 ...

csdn博客栏目装修大全

csdn博客栏目装修大全相关推荐

最新文章

热门文章