过期域名预定抢注

用戶名  找回密碼
 免费注册

addthis的Smart Layers自定義分享代碼

  [複製鏈接]
發表於 2013-8-7 00:37:56 | 顯示全部樓層 |閱讀模式
本帖最後由 若魚 於 2013-8-7 00:51 編輯
# H) u& J9 Q$ [; L" L
; t# ]2 w2 U" d' Q: J好久沒去addthis看了,今天去addthis網站看到他們推出了個一個新的分享代碼樣式:Smart Layers,可以放在頁側面,能自定義透明度,按鈕,比以前的分享按鈕提供了更多功能,如:集成了社交賬號,分享代碼,和精彩內容推薦功能,Smart Layers分享按鈕還支持手機和平板,視覺效果是好一些。" B6 ~  D, l' n+ y4 k3 s) Z
+ ^, v) }+ g) g) v% a' ]+ y) j) W
addthis share提供API功能,懶得搞,就在它原來的基礎上做了一下修改。: Y4 T0 m! Z6 Z& `# \7 F

2 |3 W" A2 j7 Z# x! K下面是個示例代碼,自己在他後台取的代碼後,可根據自己的情況適當修改,可以放在網頁任何位置。(一般都放在頁面最底部)
  1. <!-- AddThis Smart Layers BEGIN -->
    % r% k% v- K/ z- c% i; L' K  A3 M2 P
  2. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=這裡是你的addthis 的id號"></script>8 i/ N, H, b1 N' o. K* i& r
  3. <script type="text/javascript">
    / \6 ?* z* j4 C& z
  4.   addthis.layers({% S- ?$ Y* F( D7 r! R4 B0 p, x
  5.         'theme' : 'transparent',  //透明。代碼條背靜還可以選擇light, gray, dark
    ! a- B( \7 T" R& w
  6.     'share' : {
    0 m+ f6 H. r  r4 C  H
  7.       'position' : 'right',                //代碼位置。可選的有left, right. o/ O2 M3 i+ G
  8.       'numPreferredServices' : 6,        //分享按鈕個數。我選了6個,根據自己情況修改9 F) n$ m8 Q1 y( ^- x1 ?( v3 A6 K
  9.       'services' : 'facebook,twitter,google_plusone_share,pinterest_share,linkedin,more',  //各類服務- V" I  }* P( ^! a* E  c
  10.     } ,
    ; N- z, d/ ?, r) \
  11.     'follow' : {//社交賬號,下面的socialid賬戶按照你自己的情況來修改/ s- T  ]4 T9 z2 }8 n
  12.       'services' : [
    : H+ z# a0 p! k- n2 J
  13.         {'service': 'facebook', 'id': 'socialid'},
    7 m' ?* K+ r" {7 V( M
  14.         {'service': 'twitter', 'id': 'socialid'},& w" G" k+ y( W
  15.         {'service': 'google_follow', 'id': 'socialid'}2 M. N2 o# W  x% ]1 g% B
  16.       ]! D+ P8 ~; K- Q( Z. v" j+ C# Y2 ?1 \
  17.     },         
    ' q  @, o0 B" O( J
  18.         'recommended' : {  //頁面底部推薦內容
    , q& @. d8 N+ c* H, C9 ]0 L" D
  19.       'title': 'Recommended for you:'  
    ( p- H, @# g5 |4 d0 x" E5 Y, ~
  20.     } $ m) _3 a0 k1 _' K
  21. 0 F6 F+ A% G3 x3 S8 C0 X% A) @) V9 G
  22.   });
    % G' |" _8 t7 [! ~
  23. </script>) B! b/ `1 |- O- [3 M% Q
  24. <!-- AddThis Smart Layers END -->
複製代碼

3 D" B. J$ F; @) y. E* h

評分

參與人數 2點點 +2 收起 理由
有鱼不换酒 + 1 谢谢分享!
gger + 1

查看全部評分

發表於 2013-8-7 23:41:23 | 顯示全部樓層
精品站是很有用的.補充發個傳送門
  1. https://www.addthis.com/get/smart-layers?frm=hp
複製代碼
可以用上面的代碼直接改,或者去生成一個自己的
: T, L5 U3 Q; a& l) R6 f
回復 给力 爆菊

舉報

發表於 2013-8-15 05:50:20 | 顯示全部樓層
這個很不錯,功能更強大了
, ]% w4 }$ J$ m7 l* s# Z' c
回復 给力 爆菊

舉報

您需要登錄後才可以回帖 登錄 | 免费注册

本版積分規則

过期高净值品牌域名预定抢注

點基跨境 數位編輯創業論壇

GMT+8, 2025-7-28 06:59

By DZ X3.5

小黑屋

快速回復 返回頂部 返回列表