全網最全的博客美化系列教程相關文章目錄
【全網最全的博客美化系列教程】01.添加Github項目鏈接
【全網最全的博客美化系列教程】03.給博客添加一只萌萌噠的小倉鼠
【全網最全的博客美化系列教程】05.公告欄個性時間顯示的實現
【全網最全的博客美化系列教程】06.推薦和反對炫酷樣式的實現
【全網最全的博客美化系列教程】09.添加"擴大/縮小瀏覽區域大小" 按鈕
【全網最全的博客美化系列教程】10.小火箭置頂特效的實現
【全網最全的博客美化系列教程】11.鼠標點擊愛心特效的實現
【全網最全的博客美化系列教程】12.修改鼠標圖案
【全網最全的博客美化系列教程】13.鼠標點擊效果升級的實現
【全網最全的博客美化系列教程】14.代碼高亮設置的實現
【全網最全的博客美化系列教程】15.動畫幻燈效果的實現
【全網最全的博客美化系列教程】16.給博客添加一個打賞的實現
【全網最全的博客美化系列教程】17.博客背景刷新切換效果的實現
【全網最全的博客美化系列教程】18.數學之美---動態幾何線條的實現
【全網最全的博客美化系列教程】20.給博客添加一個萌萌噠的看板娘
【全網最全的博客美化系列教程】21.給博客添加一個夜間模式吧
【全網最全的博客美化系列教程】22.添加一個文章目錄特效
【全網最全的博客美化系列教程】23.圖片水紋特效的實現
【全網最全的博客美化系列教程】24.給博客增加一個音樂播放器特效
【全網最全的博客美化系列教程】25.給博客增加一個音樂播放器特效
【全網最全的博客美化系列教程】26.評論頭像旋轉的實現
【全網最全的博客美化系列教程】27.IP地址定位及天氣預報的實現
【全網最全的博客美化系列教程】28.3D標簽雲動畫的實現
【全網最全的博客美化系列教程】29.自制HTML源碼運行Javascript特效
【全網最全的博客美化系列教程】30.博客文章實現markdown書寫機制
【全網最全的博客美化系列教程】31.用Canvas和requestAnimFrame做動畫特效
【全網最全的博客美化系列教程】32.公告欄添加自己的頭像
【全網最全的博客美化系列教程】33.添加一只舞動的小知音
【全網最全的博客美化系列教程】34.皮膚背景的選擇與定制
添加QQ交談鏈接
大家把目光移至最右邊的公告欄哈，你們是不是看到了一個有事您Q我的圖標呢？就像下面這樣子
大家是不是很好奇這個玩意是怎么弄的呢，我們可以嘗試控制台F12去找找我這個控件，同樣的你也能實現這些效果，如下圖所示：
很明顯，我們可以看到上圖，我用紅色矩形框住的這部分語句控制着這個圖標，點擊以后會跳轉到我的QQ臨時對話的界面。然后跳轉至如下的界面。
以上語句實現如下：
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=873284962&site=qq&menu=yes"> <img border="0" src="http://wpa.qq.com/pa?p=1:873284962:13" alt="有事您Q我" title="有事您Q我"> </a>
我們只需要替換href中的QQ號替換為自己的QQ號為自己的QQ號
傳入的src中的QQ號替換為自己的QQ號
添加方式：進入自己的博客園->設置，將以上html代碼添加到“博客側邊欄公告”
添加后，效果如圖所示：
原理：學過一點前端知識的人就知道，這是一個很簡單的東西，通過href引用鏈接跳轉，再用img標簽裝上一個圖片的樣式。
可能你們會問了，這個href鏈接為什么是這個呢？其實在我探索過程中，我發現了QQ其實提供了一個臨時會話的功能
通過傳入參數即可完成臨時會話。
那我們怎么會知道有臨時會話這個功能呢？
可能你們又會問了，我通過查看源碼跳轉，驚奇的發現，其實QQ平台自己提供了一個推廣功能，並且有很多樣式可以供我們選擇。
QQ推廣還提供了QQ群的推廣源碼，樣式效果如下：
還有其他樣式的QQ推廣我就不一一展示給大家看了，需要的自取哦~~
這個推廣上面都提供了源碼，你只需要將href的QQ號改成自己的，傳入的src參數為自己的QQ號，復制粘貼到指定位置就行了~~~
QQ推廣網址是這個：http://shang.qq.com/v3/widget.html，上面提供了很多種風格，小伙伴們可以根據自己的需要進行選擇即可~~