如何在PIXNET網站版面加入Facebook、Plurk、twitter推文按鈕?

作者:

這篇文章是延續之前「如何在網站放twitter、Plurk噗浪推文按鈕」而來,如果你剛好使用PIXNET痞客邦來寫部落格,也剛好有玩twitter或Plurk,希望能在PIXNET部落格的側邊欄放個噗浪或推特的「推文按鈕」的話,可以試試看以下作法。

基本上在PIXNET跟Yam天空部落格…等網站的作法都差不多,一樣是先新增一個自訂欄位,貼上程式碼之後,再把自訂欄位拉到你指定的位置去即可。當然這個方法還是沒有PIXNET官方內建來得方便實用,現在這樣做只是暫時的方法囉,也許哪天這兩個新的推文按鈕很快就會被收錄,大家用起來就更方便囉。

Plurk、twitter推文按鈕程式碼:

<div style="width:84px;height:20px;font-size:12px;color:#FFFFFF;background-color:#33CCFF;border-style:outset;text-align:center;cursor:pointer;margin-bottom:3px;" onClick="javascript: void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));" title="推薦本文到Twitter推特去!" onMouseover="this.style.color='#FFFF33';" onMouseout="this.style.color='#FFFFFF';">推到 Twitter!</div>

<div style="width:75px;height:20px;font-size:12px;color:#FFFFFF;background-color:#F37D17;border-style:outset;text-align:center;cursor:pointer;" onClick="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('&#40;') .concat(encodeURIComponent(document.title)) .concat('&#41;')));" title="推薦本文到Plurk噗浪去!" onMouseover="this.style.color='#FFFF33';" onMouseout="this.style.color='#FFFFFF';">推到 Plurk!</div>

<div style="width:95px;height:24px;font-size:12px;color:#FFFFFF;background-color:#3B5998;border-style:outset;text-align:center;cursor:pointer;" onClick="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));" title="推薦本文到Facebook去!" onMouseover="this.style.color='#FFFF33';" onMouseout="this.style.color='#FFFFFF';">推到 Facebook!</div>


 

重灌狂人Facebook粉絲專頁:http://www.facebook.com/briiancom

 

 

設定方法:

第1步  登入PIXNET網站後台後,請依序按下〔部落格〕→「側邊欄位設定」。

01-Plurk、twitter推文按鈕

 

第2步  開啟「側欄元件管理」頁面後,按一下〔新增版位〕按鈕,新增一個自訂欄位。

02-Plurk、twitter推文按鈕

 

第3步  填好標題後,將本文上方的程式碼整個貼上到「自訂欄位的內容」方框裡,再按下〔送出〕按鈕。

03-Plurk、twitter推文按鈕

 

第4步  接著請將剛剛新增的自訂欄位從右邊的「版位暫存區」拖拉到左邊的「側欄1」或右邊的「側欄 2」,請依照你自己的版面設計而調整位置。設定好之後,請再按一下右下角的〔儲存版面〕按鈕,完成版面設定工作。

04-Plurk、twitter推文按鈕

 

第5步  當我們設定好推文按鈕的版面後,開啟自己的部落格首頁,便可看到側邊欄多出了一個「推文按鈕」的區塊,以後訪問你的網站的網友,如果覺得這篇文章很不錯的話,可以直接按一下〔推到Plurk!〕或〔推到Twitter!〕等按鈕,直接將文章標題與網址轉推到twitter或噗浪,跟更多人分享。

05-Plurk、twitter推文按鈕

 

第6步  如圖,按了〔推到Plurk!〕推文按鈕後,瀏覽器會自動開啟Plurk網頁並填入該篇文章的網址與標題,只要再按一下〔Plurk〕按鈕將訊息發送出去即可。

06-Plurk、twitter推文按鈕

 

 

延伸閱讀:

  1. 什麼是Plurk「噗浪」? 如何使用撲浪?
  2. 微網誌:什麼是Twitter?
  3. 如何在網站放twitter、Plurk噗浪「推文按鈕」?
  4. 如何在部落格中加入HemiDemi, MyShare,Yahoo分享書籤, delicious,百度收藏,Technorati,YouPush共享書籤按鈕?


无觅相关文章插件,快速提升流量

非經授權,請勿全文轉載,本文網址:
→ 免費訂閱最新文章:  (如何訂閱?)
作者: | 發佈日期: |
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

 

歡迎留下你的想法或意見...

  1. 哇靠 說道:

    樓上的你現在是怎樣?
    人生不過短短幾十年~哪來那麼多大道理阿

    狂大也不過是分享一下有什麼小玩意兒
    大家看看不過如此
    不會用的還是不會用
    也沒有什麼拍不拍馬屁的問題

    真正的資料還是有很多是要靠 書面資料的

    少在那邊自以為了

    自以為高尚的人才如此無聊推這爛文吧!

    我也沒什麼了不起 或許我回妳文 我也很自以為

    我自以為比你了不起

    • 哇靠 說道:

      弄錯了 我是要回覆那個 “可以安分一點"嗎?

      • 哈哈 說道:

        你就是我在罵的盲目的擁護者,一味的拍手叫好,你根本不知道他做了哪些令人不悅的奧步,才有今天的名氣,只會在那裡鼓譟,你跟阿扁的支持者有什麼兩樣?

      • 訪客 說道:

        樓上的 不要扯到政治好嗎
        你不喜歡就不要來這裡看
        沒有人逼你來
        沒有人要你來光顧
        也沒有人歡迎你這種人來

    • 愛爾蘭 說道:

      回哈哈

      先說我不支持不來恩還是陳阿扁
      我希望您把「哪些令人不悅的奧步」說出來讓大家判斷熟是熟非
      我不相信不來恩有知名到需要那麼多白癡
      還有
      請不要學戰哥的支持者那樣沒有證據卻一口咬定

  2. KCY 說道:

    疑?圖看不到?

    BLOGGER跟WP應該也可以用
    06/07 16:36

  3. Sherry 說道:

    請問一下若是blogger呢
    要怎麼新增在文章裡呢??

  4. 拆組達人 說道:

    我來把文字按鈕修成圖示好了!^^

  5. Archy Aloha! 說道:

    剛剛測試了一下
    在內文裡面的原始碼加入也可以
    布萊恩大大能不能指點一下如果要讓每篇文章都固定有這些按鈕
    要安插在CSS的哪個部分嗎?

  6. CHIBC 說道:

    是又變多啦 XD
    要保留哪些欄位也應該做一點取捨呢

  7. 不來恩 說道:

    這樣一弄… 網頁上的按鈕又多更多了….

    • 可以安份點嗎? 說道:

      窮極無聊,自high一天到晚寫些垃圾文,譁眾取寵,呼攏人加入噗浪,實際上是為了替自己那厚到不行的臉皮再加防護,可以預見的是,這篇教學出現以後,已經被你【重灌狂人】搞得烏煙瘴氣的google搜尋,更難找到有用的資訊了,真是夠了,那些沒水準的盲目擁護者誇你有兩把刷子,你就真的以為你多厲害了!醒醒吧,做人不要做到這樣惹人厭,麻煩你低調一點好嗎?還有你拍真正知名部落客(彎彎,女王..)馬屁的嘴臉,真是令人作嘔。

      • L. 說道:

        你還真的很好笑….. 還天天跑來亂人家的版… 什麼都不懂就亂扯一通.. 講得好像很懂的樣子

      • 我是不懂 說道:

        沒錯 我不是很懂,但我不會像卑劣至極的不來恩,利用他的高人氣,肆無忌憚的胡亂寫文,搞的google搜尋好像他家的廚房一樣。他的種種行徑再再令人不恥,我根本不屑進來看,是這位厚臉皮的板主搞什麼舊瓶裝新久的無恥手段,弄得整個google都是他的垃圾文章,每次都不小心點進來

發表迴響

你的電子郵件位址並不會被公開。

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 

隨機文章

 

本站全部文章分類

PC 個人電腦、Windows 作業系統
Chrome,Firefox,Opera,IE Email 郵件收發、收信軟體 MSN、Yahoo! 即時通訊
Windows 系統設定、功能調整 下載/上傳工具、P2P、FTP 好玩遊戲、休閒益智
影視編輯、轉檔、影音播放 文書編輯、PDF、Office、字典 桌面美化、介面最佳化
檔案管理、壓縮、備份還原 燒錄軟體、光碟燒錄 看圖軟體、繪圖、相片處理
系統維護、設定工具 網路工具、遠端遙控 防毒軟體、防火牆、病毒檢測
音樂編輯、轉檔、播放軟體 好用軟體-未分類
iPad, iPhone 手機、平板電腦
iOS 好玩遊戲、休閒益智 iOS 影視播放、影音編輯轉檔 iOS 拍照攝影特效、繪圖工具
iOS 文書處理、辦公室應用 iOS 桌布美化、系統增強工具 iOS 系統設定、功能調整
iOS 網路瀏覽、其他工具 iOS 美食旅遊、地圖服務 iOS 購物理財、生活應用
iOS 通訊、聊天、社交服務 iOS 音樂播放、音樂編輯轉檔 iPhone、iPad -未分類
Android 手機、平板電腦
  Android 好玩遊戲、休閒益智 Android 影音播放、影視編輯 Android 拍照攝影特效、繪圖
Android 文書處理、編輯應用 Android 桌布美化、系統增強 Android 系統設定、功能調整
Android 網路瀏覽、其他工具 Android 美食旅遊、地圖服務 Android 購物理財、生活應用
Android 通訊、聊天社交服務 Android 音樂播放、編輯轉檔 Android 未分類
免費空間、線上工具、社交網站
Facebook 臉書 Google Plus, Google+ Google 與其他 Google 應用
Plurk 噗浪 Twitter 微網誌 YouTube
網路空間、服務與實用工具
網站架設、網頁編輯、伺服器
Blog 部落格 WordPress 網站架設 網頁編修、網站架設
虛擬主機, VPS, 伺服器租用
硬體3C 其他、不分類
Apple 蘋果電腦 Mac OS X 作業系統
Mac OS X 系統設定、調整 Mac 下載工具、P2P、FTP Mac 好玩遊戲、休閒益智
Mac 影視編輯、轉檔播放軟體 Mac 文書編輯、PDF、字典 Mac 桌面美化、介面最佳化
Mac 檔案管理、壓縮備份還原 Mac 燒錄軟體、光碟燒錄 Mac 看圖軟體、轉檔繪圖美化
Mac 系統維護、設定工具 Mac 網路工具、郵件即時通訊 Mac 防毒、防火牆、病毒檢測
Mac 音樂編輯、轉檔播放軟體 Mac蘋果電腦-未分類