csdn设置自己的博客栏目
2015-09-05 19:34
316 查看
今天就介绍下如何自定义自己的博客栏目。
csdn可谓相当贴心, 提供的博客栏目功能, 可以让每个博主DIY自己的小窝, 一个不一样的博客往往更能吸引眼球, 也能激起自己写博客的欲望。
这里介绍几个常见功能的添加, 包括个人介绍, QQ交谈, 发送邮件, 新浪微博, 天气预报...
首先, 要添加栏目, 你需要 登录博客 -----> 选择"博客栏目" ------> 滚动到页面底部 -------> 选择添加栏目。 这样你就能编辑你自己的博客栏目了。
如图所示:
直接把相应内容修改成你要的就可以了。 效果见我左侧的 "关于我" 栏目
接下去的部分需要博主是csdn博客专家才能使用... 这也是为什么我现在才添加的原因。
如果你感兴趣,可以接着往下阅读。
把代码中的 "你的QQ号码" 替换成Q号就可以了。 (不要冒号)
效果见左 "侧联系方式" 栏目。
把代码中的 "你的邮箱账号" 替换成对应的邮箱就可以了。(不要冒号)
效果见左 "侧联系方式" 栏目。
效果见左 "侧联系方式" 栏目。
效果见左 "天气预报" 栏目。
当然, 这只是部分功能。
总而言之, csdn博客栏目支持html, 只要你的权限够, 你就能定制你喜欢的栏目。
另外, 推荐一个在线html效果测试网站。 挺方便的。 http://test.keqie.com
学习的路上, 与君共勉。
csdn可谓相当贴心, 提供的博客栏目功能, 可以让每个博主DIY自己的小窝, 一个不一样的博客往往更能吸引眼球, 也能激起自己写博客的欲望。
这里介绍几个常见功能的添加, 包括个人介绍, QQ交谈, 发送邮件, 新浪微博, 天气预报...
首先, 要添加栏目, 你需要 登录博客 -----> 选择"博客栏目" ------> 滚动到页面底部 -------> 选择添加栏目。 这样你就能编辑你自己的博客栏目了。
如图所示:
一.个人介绍(每个博主都能实现)
代码:<div id="custom_column_20055475" class="panel"> <ul class="panel_head"><span>详细资料</span></ul> <ul class="panel_body"> 姓名:余龙泽 <hr> 生日:1994.6 <hr> 学历:本科 <hr> 专注:iOS、cocos2d-x、算法 <hr> 学校:哈尔滨工业大学(威海) <hr> 爱好:乒乓球、lol <hr> </ul> </div>
直接把相应内容修改成你要的就可以了。 效果见我左侧的 "关于我" 栏目
接下去的部分需要博主是csdn博客专家才能使用... 这也是为什么我现在才添加的原因。
如果你感兴趣,可以接着往下阅读。
二。QQ交谈。
添加代码:<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号码&site=qq&menu=yes"><img border="0" src="https://img-blog.csdn.net/20140426100434046" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
把代码中的 "你的QQ号码" 替换成Q号就可以了。 (不要冒号)
效果见左 "侧联系方式" 栏目。
三。发送邮件
添加代码:<a href="Mailto:你的邮箱账号"><img border="0" src="https://img-blog.csdn.net/20140426102723515" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
把代码中的 "你的邮箱账号" 替换成对应的邮箱就可以了。(不要冒号)
效果见左 "侧联系方式" 栏目。
四。新浪微博
登录新浪微博。 选择设置-----> 我的工具 ------->微博秀 ----->自定义显示样式 -------> (滚动到页面底部)复制代码 ------> 添加到栏目内容中。效果见左 "侧联系方式" 栏目。
五。天气预报
添加代码:<iframe id="ifm2" width="189" height="190" align="CENTER" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="NO" src="http://weather.qq.com/inc/ss258.htm"></iframe>
效果见左 "天气预报" 栏目。
当然, 这只是部分功能。
总而言之, csdn博客栏目支持html, 只要你的权限够, 你就能定制你喜欢的栏目。
另外, 推荐一个在线html效果测试网站。 挺方便的。 http://test.keqie.com
学习的路上, 与君共勉。
相关文章推荐
- 新注册
- 四大漏洞入侵博客
- 在Ubuntu系统上安装Ghost博客平台的教程
- csdn 批量接受好友邀请
- PHP多用户博客系统分析[想做多用户博客的朋友,需要了解]第1/3页
- 基于CakePHP实现的简单博客系统实例
- MSDN|CSDN|PUDN的意思
- csdn 博客的css样式 v3
- 如何使用Gitblog和Markdown建自己的博客
- Flask入门教程实例:搭建一个静态博客
- Python制作CSDN免积分下载器
- 让写博客成为一种习惯
- 使用微信快捷登录Wordpress博客
- 博客之前在网易安家,现在迁移到了自己开发的blog http://blog.tongbor.com
- OpenAPI 之 开源软件信息预览 ProjectTips
- 自己对博客的计划
- 做一份30字的简历
- 从主流到边缘,博客为什么不行了?
- 听说博客有移动化了