网站调用新浪微博内容(CSDN李毅的博客《给CSDN博客加上height腾讯微博》)
优采云 发布时间: 2022-02-05 12:21网站调用新浪微博内容(CSDN李毅的博客《给CSDN博客加上height腾讯微博》)
CSDN的博客确实乏善可陈,音视频,Flash不能放,HTML不能加,博客布局模块不能自定义。我想同步更新我的新浪博客的内容并显示在博客上。花了很长时间才找到满意的解决方案。方法。最后参考Iijse李毅的博客《将腾讯微博加入CSDN博客》,通过自定义CSS,将新浪微博最新的微博以图片的形式显示在博客页面的顶部。
实现如下:
1、在新浪微博页面,点击右上角“工具”,然后选择“签名文件”,目的选择“图片”,复制“获取代码”中的图片地址。
2、 打开“配置”进入CSDN博客的“显示设置”页面,在“自定义CSS样式”栏中复制如下代码:
/* 添加新浪微博 */
/* 基本原理:将微博图片绑定到博客页面的搜索栏显示 */
#csdnblog_header ul#personalnav { top:0; }
/* 格式化搜索栏 */
#csdnblog_header ul#blogsearchsty {
边距顶部:-102px;/* 这里可以调整搜索栏和微博图片的垂直位置*/
位置:相对;
文本缩进:-9999px;
z 指数:9999
}
#csdnblog_header ul#blogsearchsty li.selectsty+li {
/* 替换下面url中你的微博签名文件图片,支持新浪、腾讯、搜狐等微博*/
背景:url() 不重复中心底部;
显示:块;
高度:100px;
位置:绝对;
右:0px;/* 这里调整微博图片的水平位置*/
文本对齐:右;
宽度:380 像素;
}
#csdnblog_header ul#blogsearchsty li.selectsty+li input { display:none; }
OK,有兴趣的朋友不妨试试,如果有更好的方法,请告诉我O(∩_∩)O~