博客栏目配置介绍-(个人介绍, QQ交谈, 发送邮件, 新浪微博, 天气预报...添加)

_________________________________________________________

欢迎转载, 转载请注明出处:http://write.blog.csdn.net/postedit/24519597

_________________________________________________________

今天就介绍下如何自定义自己的博客栏目。

csdn可谓相当贴心, 提供的博客栏目功能, 可以让每个博主DIY自己的小窝, 一个不一样的博客往往更能吸引眼球, 也能激起自己写博客的欲望。

这里介绍几个常见功能的添加, 包括个人介绍, QQ交谈, 发送邮件, 新浪微博, 天气预报...

首先, 要添加栏目, 你需要    登录博客 ----->  选择"博客栏目" ------> 滚动到页面底部 -------> 选择添加栏目。  这样你就能编辑你自己的博客栏目了。

如图所示:

一.个人介绍(每个博主都能实现)

代码:

[cpp] view
plaincopy





<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交谈。

添加代码:

[cpp] view
plaincopy





<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号就可以了。  (不要冒号)

效果见左 "侧联系方式" 栏目。

三。发送邮件

添加代码:

[cpp] view
plaincopy





<a href="Mailto:你的邮箱账号"><img border="0" src="https://img-blog.csdn.net/20140426102723515" alt="点击这里给我发消息" title="点击这里给我发消息"></a>  

把代码中的  "你的邮箱账号" 替换成对应的邮箱就可以了。(不要冒号)

效果见左 "侧联系方式" 栏目。

四。新浪微博

登录新浪微博。 选择设置-----> 我的工具 ------->微博秀 ----->自定义显示样式 -------> (滚动到页面底部)复制代码 ------> 添加到栏目内容中。

效果见左 "侧联系方式" 栏目。

五。天气预报

添加代码:

[cpp] view
plaincopy





<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

学习的路上, 与君共勉。