【博客美化】03.分享按鈕

 

博客園美化相關文章目錄:

【博客美化】01.推薦和反對炫酷樣式javascript

【博客美化】02.公告欄顯示個性化時間html

【博客美化】03.分享按鈕java

【博客美化】04.自定義地址欄logoide

【博客美化】05.添加GitHub連接post

【博客美化】06.添加QQ交談連接網站

【博客美化】07.添加打賞按鈕this

【博客美化】08.添加"擴大/縮小瀏覽區域大小" 按鈕url

【博客美化】09.評論帶頭像,且支持旋轉spa

【博客美化】10.圖片預覽放大設計

1.添加分享按鈕

左側側邊欄添加分享按鈕,效果圖以下:

 

1.生成分享按鈕的代碼

到分享按鈕的設計網站http://www.jiathis.com/  生成代碼

  能夠自定義生成代碼,也能夠直接使用默認的代碼

2.添加代碼

進入博客園-管理-設置-頁首Html代碼,將生成的代碼複製到頁首Html代碼

<!-- 分享 -->
<!-- JiaThis Button BEGIN -->
<script type="text/javascript" >
var jiathis_config={
    siteNum:15,
    sm:"copy,qzone,tsina,weixin,tqq,tsohu,renren,cqq,tieba,douban,kaixin001,t163,yixin,51,copy",
    summary:"",
    boldNum:6,
    showClose:true,
    shortUrl:false,
    hideMore:false
}
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?btn=r.gif&move=0" charset="utf-8"></script>
<!-- JiaThis Button END -->

 


做  者: Jackson0714
出  處:http://www.cnblogs.com/jackson0714/
關於做者:專一於微軟平臺的項目開發。若有問題或建議,請多多賜教!
版權聲明:本文版權歸做者和博客園共有,歡迎轉載,但未經做者贊成必須保留此段聲明,且在文章頁面明顯位置給出原文連接。
特此聲明:全部評論和私信都會在第一時間回覆。也歡迎園子的大大們指正錯誤,共同進步。或者直接私信
聲援博主:若是您以爲文章對您有幫助,能夠點擊文章右下角推薦一下。您的鼓勵是做者堅持原創和持續寫做的最大動力!

相關文章
相關標籤/搜索