JQUERY|如何在部落格的圖片加上Pinterest的圖釘功能

在Flickr、Facebook及Twitter等社群網站之後,Pinterest 是近來興起的社群圖片分享應用網站,使用者可以按主題分類添加和管理自己的圖片收藏,並與好友分享。在網頁圖片中加入這個分享就是今天要學的語法。

  1. 編輯範本

  2. 貼上語法

  3. 找到</BODY>這個標籤,在這上面貼上語法:
    ,完成後記得儲存。
  4. 自訂功能

  • bs_pinButtonURLPinterest圖釘網址
  • bs_pinButtonPos圖釘在圖片中的位置
    可以設定topleft,topright,bottomleft,bottomright這4個選項。
  • bs_pinPrefix前置字串
  • bs_pinSuffix後置字串
  • 另外,如果有特定的圖片不想加上Pinterest圖釘功能,作法如下:

    <img class='nopin' height="391" border="0" width="400" src="http://1.bp.blogspot.com/-YCbNO9wFQrQ/UPrZegPAXVI/AAAAAAAACK8/b7p-0NuZScI/s400/photo.jpg">
    只要加上nopin這個css類別即可去除Pinterest圖釘功能了。
分享

Jim Lin

  • Image
  • Image
  • Image
張貼留言