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

 

 

推到 Twitter!
推到 Plurk!
推到 Facebook!
版本更新回報..

這篇文章是延續之前「如何在網站放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>


 

 

 

設定方法:

第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共享書籤按鈕?

 

(請勿全文轉貼本站文章,歡迎「部份引用」或介紹,引用時請註明 ①網站名稱 與 ②文章網址,感謝~~ )
→ 免費訂閱最新文章:  (如何訂閱?)
本文作者:不來恩 | 發表時間:2009/06/06 | 分類: Blog, Plurk噗浪、微網誌, Twitter微網誌, 網頁編修、網站架設 | Trackback 引用網址     
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

飛狼直升機 HP CQ41-105AX 64雙核獨顯強悍機 好神拖360度旋轉拖把組(拖把+脫水桶+布盤x1)

 

關於本主題有 15 個留言:

  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都是他的垃圾文章,每次都不小心點進來

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

暱稱:     部落格:

信箱:

(為避免垃圾訊息,全部留言需經系統管理員審核之後才會出現,請勿重複發文)

 

 

 

 ▇ 產業科技新知

 

 ▇ 其他文章

 

 

【重灌狂人】全部文章分類:

  防毒軟體 MSN, WLM 聊天軟體 Yahoo!即時通
下載、P2P YouTube Google
Firefox瀏覽器 Opera瀏覽器 Blog
好用軟體 好站推薦  
     
  Windows XP電腦密技 Windows Vista電腦密技 Mac OS 蘋果電腦密技
其他作業系統    
     
  Office文書處理 檔案管理 郵件收發
影音播放 影音剪輯 秀圖、圖片編修
網路瀏覽 網頁編修、網站架設 WordPress 網站架設
     
  硬體3C資訊 手機流行通訊 廠商新聞稿
【超級星光大道】 熱門話題 好玩
七嘴八舌 貼圖、影片分享