csdn博客栏目装修大全

原创 2016年01月28日 15:39:36
过年了,各公司都在晒年终奖、办年会。据说小米公司年会中,有免费装修房子的。我们这些可怜的程序员只能想办法装修装修自己的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="http://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 共同进步!
版权声明:本文为博主原创文章,未经博主允许不得转载。

装修

1. 如果家中会做饭频率很高的话,尽量放弃开放式厨房,会有油烟问题      2. 卫生间、厨房小水宝,热水来得快,使用时比较方便      3. 吸油烟机中式的比欧式的吸力更强,欧式的好看不中用。 ...

玩转CSDN之自定义博客栏目

玩转CSDN之自定义博客栏目 不得不说,CSDN在IT界还是非常不错的, 不管是文章数量还是质量,都非常不错,很多程序猿也在CSDN建了窝,那么如何把CSDN的主页设置的更加符合自己的口味,就是我...

CSDN博客添加自定义栏目展示新浪微博秀

你在CSDN写博客,又玩新浪微博,现在想在博客的页面添加一个栏目,展示新浪微博的内容和粉丝还有那关注按钮,应该怎么操作呢?定制微博秀打开微博开放平台的微博组件页面,然后点击“微博秀”然后在打开的页面就...

csdn自定义博客栏目

最近初步跟着老师学了html和css,想来csdn试试手,结果无语了=  =!!只有博客专家才能运行那些javascript之类的脚本,像我这种普通博客最多只能加个简单超链接……T_T 不过我还是把版...

用 HTML 编写博客栏目

“生活中不是缺少美,而是缺少发现美的眼睛。                                                                               ...

CSDN博客页面自定义左侧博客栏目

介绍自定义CSDN博客页面左侧博客栏目的方法,可以显示自己想显示的内容及链接...

csdn如何自定义博客栏目

在使用csdn的时候,我们可以自定义博客栏目,使自己的博客页面看起来更有吸引力。今天来给大家介绍一两种方法。      在开始之前,我先给大家来说一下csdn有一个 我的相册 这个功能,只不过这个功能...

如何更改CSDN博客高亮代码皮肤的样式,使博客看起来更有范

由于本人写博客的时候,也没有配置博客的相关属性,因此贴出来的代码块都是CSDN默认的,因此代码背景色都是白色的,如下所示: 但是本人在浏览他人博客的时候,发现有些博客的代码块看起来比较有...

HiveMetaStore高可用性(HA)配置

软件环境 Hadoop 2.6.0-cdh5.9.0 Hive 1.1.0-cdh5.9.0 Zookeeper 3.4.5-cdh5.9.0工作原理 常规连接 ...

Maven编译打包spark(2.1.0)源码及出现问题的解决方案(win7+Intellij IDEA)

Maven编译打包spark(2.1.0)源码及出现问题的解决方案(win7+Intellij IDEA) 编译spark源码进行二次开发,中间出现的问题及解决方法...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:csdn博客栏目装修大全
举报原因:
原因补充:

(最多只允许输入30个字)