Fei`sbook™

上一篇 教學∥將單篇噗浪放置文章內 文中所介紹 plurk2 網站提供的功能當中還有一項功能：單篇噗浪訊息回覆者資訊的Widget工具。利用此項功能我們可以製作一個 好友噗浪牆 放置在網頁中，往後只要點頭像圖示即可連結至好友或訪客的噗浪網頁
（本文最後會另外提供 美化專屬好友噗浪牆 的JavaScript程式碼）

Step1.選擇或發一則噗浪訊息並點入 URL: plurl 頁面（右下角）

Step2.複製 URL: plurl 頁面 的鏈接網址或代碼（瀏覽器網址列）

►方式1.從官網製作：到 這裡 將Step2複製的網址貼上後按下 Entry

複製網站提供的JaveSript程式碼（找到 Acknowledge Javesript Code）

（紅色標示處分別為 代碼 & Widget工具寬度，可自行修改）
►方式2.程式碼製作：複製以下程式碼將Step2複製的 代碼 引入

<script type="text/javascript" language="JavaScript" src="http://plurk.tw/java/ack.php?url=代碼&width=500"></script>

Step3.最後在一般編輯器內（html格式）將程式碼貼上

記得務必將 系統換行 功能取消勾選!!

<style type="text/css">
.pc{ width: 415px; padding: 2px; border: 1px solid #ddd; background: url(圖片網址); }
.pc img{ padding: 4px; border: 1px solid #ddd; background: #fff; margin: 2px; filter: alpha(opacity=50);opacity:0.50;-moz-opacity:0.50; }
</style>
<div class="pc" align="left">
<script type="text/javascript" language="JavaScript" src="http://plurk.tw/java/ack.php?url=代碼&width=415"></script>
</div>

第 2 行：設置表單寬度與邊框空白值,邊框寬度、顏色與樣式,背景圖（亦可改為背景色background: #色碼;）
第 3 行：設置圖片邊框空白值,邊框寬度、顏色與樣式,圖片邊界值與透明度
第 5 行：align="left" 內容物靠左,可自行修改靠右 right 或置中 center
第 6 行：Widget工具寬度width需與第 2 行寬度相同

捲軸拉至底端,點 Return Plurk 2 Response 方可進入此則訊息網頁留言