且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-09-05 12:07:04

你在CSDN写博客,又玩新浪微博,现在想在博客的页面添加一个栏目,展示新浪微博的内容和粉丝还有那关注按钮,应该怎么操作呢?

定制微博秀

打开微博开放平台的微博组件页面,然后点击“微博秀”

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

然后在打开的页面就可以定制了:

左侧是设置,右侧是效果预览;

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

切换到样式设置,可以具体的设置颜色和模块,想显示的就显示,不想显示的就不要勾选

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

一切都设置好了,向下拖到滚动条,获得需要嵌入的代码

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

添加栏目

现在回到CSDN博客,点击管理博客

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

然后选择博客栏目

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



拖动滚动条到最下面,点击添加栏目

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

然后把刚刚定制好的代码粘贴到内容框中

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

保存,然后新打开一个标签或窗口,打开你的博客页面看看效果吧

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

你可以通过上移或下移修改显示的位置

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

显示的效果不理想?那你可以再编辑微调,懂网页知识的小伙伴们可能注意到了,我不需要再去微博组件那修改定制了,直接修改嵌入的代码就可以了。

<iframe width="185" height="372" class="share_self" frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=200&height=372&fansRow=1&ptype=0&speed=0&skin=1&isTitle=1&noborder=0&isWeibo=1&isFans=1&uid=1092107793&verifier=2149560e&dpc=1"></iframe>

小结

现在,我的博客中已经添加并显示我的新浪微博秀了,你还等什么,也去试试吧!