在CSDN博客頁面上顯示微博內容

CSDN 的博客的確是乏善可陳,音視頻、Flash 放不進,HTML 也不能添加,博客版面模塊不能自定義,想把我新浪博客的內容同步更新顯示到博客上,費了半天也沒有找到合意的解決辦法。最後參考了 Iijse 李毅 的博客《給CSDN博客加上騰訊微博》,通過自定義CSS的方式把新浪微博的最新一條微博用圖片的形式顯示到博客頁面上方。

blog

實現方式如下:

1、在新浪微博頁面,點擊右上方的“工具”,然後選擇“簽名檔”,用途選“圖片”,複製“獲得代碼”中的圖片地址。

blog2

2、 打開“配置”進入CSDN博客的“顯示設置”頁面,在“自定義CSS樣式”欄內複製如下代碼:

/* 添加新浪微博 */
/* 基本原理:將微博圖片與博客頁面的搜索欄綁定顯示 */
#csdnblog_header ul#personalnav { top:0; }
/* 設置搜索欄的格式 */
#csdnblog_header ul#blogsearchsty  {
margin-top:-102px; /* 這裏可調整搜索欄和微博圖片的垂直位置 */
position:relative;
text-indent:-9999px;
z-index:9999
}
#csdnblog_header ul#blogsearchsty  li.selectsty+li {
/* 在下面的 url 內換上你的微博簽名檔圖片,支持新浪、騰訊、搜狐等多種微博 */
background: url(
http://service.t.sina.com.cn/widget/qmd/1812724297/2cf42040/1.png) no-repeat center bottom;
display: block;
height: 100px;
position: absolute;
right: 0px;  /* 這裏調整微博圖片的水平位置 */
text-align: right;
width: 380px;
}
#csdnblog_header ul#blogsearchsty  li.selectsty+li input { display:none; }

blog1

OK,有興趣的朋友不妨試試,有更好的方法麻煩告訴我啊 O(∩_∩)O~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章