网站调用新浪微博内容(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~

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线