如何在網頁添加分享按鈕


經常在網頁上看到這樣的圖片分享

我的隨筆 - 我的前端之路 - 博客園

這樣的划詞分享

 我的隨筆 - 我的前端之路 - 博客園

這樣視頻分享:

 我的隨筆 - 我的前端之路 - 博客園

這樣書簽

 我的隨筆 - 我的前端之路 - 博客園

這樣的側邊分享

 我的隨筆 - 我的前端之路 - 博客園

更有這樣

 我的隨筆 - 我的前端之路 - 博客園

這樣

 我的隨筆 - 我的前端之路 - 博客園

 

這樣

 我的隨筆 - 我的前端之路 - 博客園

 

這樣

 我的隨筆 - 我的前端之路 - 博客園

 

這樣等等分享按鈕。可以把想要分享的東西分享給別人。要怎么做到呢?下面聽我慢慢道來。

1.現在常用的分享有三個:JiaThis分享,bShare分享和百度分享

2.上面所說的這樣的划詞分享

我的隨筆 - 我的前端之路 - 博客園

 

這樣的按鈕分享

 我的隨筆 - 我的前端之路 - 博客園

JiaThisbShare,百度分享都可以做到

3. 這樣的圖片分享

我的隨筆 - 我的前端之路 - 博客園

bShare,百度分享可以做到

4. 這樣的側邊分享

我的隨筆 - 我的前端之路 - 博客園

JiaThisbShare可以做到

另外bShare還可以做到

這樣的側邊分享

我的隨筆 - 我的前端之路 - 博客園

這樣的側邊分享

 我的隨筆 - 我的前端之路 - 博客園

5.這種工具式按鈕

 我的隨筆 - 我的前端之路 - 博客園

JiaThisbShare可以做到

6. JiaThis還可以做到

我的隨筆 - 我的前端之路 - 博客園(喜歡按鈕)

我的隨筆 - 我的前端之路 - 博客園(關注按鈕)

7.bShare可以做到

這樣視頻分享:

 我的隨筆 - 我的前端之路 - 博客園

這樣書簽

 我的隨筆 - 我的前端之路 - 博客園

那么怎樣才能使用他們呢?

以JiaThis分享為例:

進入JiaThis分享首頁:http://www.jiathis.com/

 我的隨筆 - 我的前端之路 - 博客園

點擊上圖的獲取代碼

 我的隨筆 - 我的前端之路 - 博客園

向下拉,點擊更多高級自定義功能

進入JiaThis 按鈕自定義大全:

 我的隨筆 - 我的前端之路 - 博客園

按照提示先選擇按鈕樣式,

我的隨筆 - 我的前端之路 - 博客園

然后配置功能選項

最后分享代碼:

 我的隨筆 - 我的前端之路 - 博客園

將畫圈部位代碼放到你的網頁中,就可以了。

 而bShare分享和百度分享也是類似,只要進入相應的官網,根據相應的提示進行設置,然后把代碼復制到自己的網站上即可。

ps:其實,很多時候,很多事情,並不如我們想象的那么難,可能是我們沒有找對解決的方法.這里有點說多了,總之,大家都加油吧!

注意:本文為原創,轉載請以鏈接形式標明本文地址 ,謝謝合作。

本文地址:http://www.cnblogs.com/wanghuih/p/5600654.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM