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

最新推荐文章于 2026-03-07 00:05:24 发布

原创最新推荐文章于 2026-03-07 00:05:24 发布 · 7.3k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#新浪微博 #邮件 #博客 #html

杂谈专栏收录该内容

32 篇文章

订阅专栏

csdn专家终于申请到了, 是对自己的一种肯定也是接下去学习的动力。

今后, 将在csdn博客中分享更多自己的学习经验。

_________________________________________________________

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

_________________________________________________________

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

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

学习的路上, 与君共勉。