csdn设置自己的博客栏目
来源:互联网 发布:程序员述职报告范文 编辑:程序博客网 时间:2024/05/22 11:52
今天就介绍下如何自定义自己的博客栏目。
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="http://img.blog.csdn.net/20140426100434046" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
把代码中的 "你的QQ号码" 替换成Q号就可以了。 (不要冒号)
效果见左 "侧联系方式" 栏目。
三。发送邮件
添加代码:
<a href="Mailto:你的邮箱账号"><img border="0" src="http://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
学习的路上, 与君共勉。
0 0
- csdn设置自己的博客栏目
- csdn的博客栏目html设置
- 如何在CSDN博客栏目设置滚动字幕——我的CSDN博客(1)
- 如何在自己的CSDN博客中增添【高大上】的博客栏目?
- 【CSDN】博客栏目如何自己编辑(HTML)
- csdn自定义博客栏目
- 自定义CSDN博客栏目
- CSDN自定义博客栏目
- CSDN博客自定义栏目
- 在自己博客上添加自己的“微博”栏目
- csdn博客栏目 添加自定义栏目
- csdn博客栏目装修大全
- 玩转CSDN博客栏目
- csdn如何自定义博客栏目
- csdn如何自定义博客栏目
- CSDN博客添加自定义栏目
- 博客栏新增自己栏目
- 如何在CSDN上加上一个自己的小栏目
- 【读书有感】如何高效学习
- mysql外连接查询用法
- PAT Advanced 1035
- ACM_快速幂
- stm32之keil开发环境搭建
- csdn设置自己的博客栏目
- 自学QT之颜色选择对话框
- Cocos2d-x tinyxml2用于xml的解析,自动生成xml文件和解析xml文件
- 运行时异常与一般异常有何异同
- 学数学的伤不起
- 在Struts2中jsp前台传值到后台的三种方法
- AlertDialog提示框的使用
- Description Resource Path Location Type ...project facets version
- vmstat 解释