如何在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>