Timmy's Power Zone

有鑒於許多朋友都需要可以外連的貼圖網址,所以特地寫這篇教學
提供有需要的人可以輕鬆上手使用國外相簿網址。

我比較常使用的是Photobucket(http://photobucket.com/)
優點如下...
‧免費註冊
‧1GB相簿空間
‧25GB/每月 外連頻寬
‧提供多種貼圖語法
‧可使用多階資料夾

缺點則有...
版面單調、不支援中文檔案名稱、免費會員只提供最大1024x768圖片大小
但是要讓多數的人在論壇或Blog貼圖已經是綽綽有餘了~!
註冊步驟
1.連上首頁Photobucket之後, 點選 Join Now(如圖所示)


2.接著輸入想要的帳號(Username)和密碼(Password),下面Re-type再打一次相同的密碼
輸入帳號密碼完畢之後,點選→Next Step


3.帳號通過審核之後,會要求輸入個人資訊
姓名要輸入英文的,電子郵件必須為有效郵件,ZIP Code可不用填入,但國家要選Taiwan
最後將畫面上的驗證碼填入欄位即可,按下I accept. Sign me up. 就完成註冊程序。


建立相簿
1.完成後系統會導引到自己的相簿,這時候請記下網址,該網址就是你的相簿網址了!
接著看到畫面上的首頁左邊有個My sub albums,這地方就是打自己想建立相簿的名稱
範例中試著建立test_album(如下圖所示)



按下save之後就會出現剛建立好的相簿


如果要了解自己連外頻寬和相簿空間可用量的話可以點選右上方有個account_options
裡面有頻寬用量、相簿空間、帳號資訊....等等


照片上傳
上傳照片有多種方式,這裡介紹好用的三種,分別是
1.傳統網頁上傳( 推薦 )
2.網頁批次上傳
3.XP檔案總管發佈( 推薦 )

一、傳統網頁上傳方式
1.在畫面上的右方有三個可打字的文字框,在後面點選(瀏覽),(參考下2圖)
然後選取要上傳的圖片,再按下Upload就OK了


點選瀏覽和Upload就可以上傳了,文字框則可以打圖片的名稱


2.完成上傳之後網頁會顯示 image has uploaded,且丟上去的照片會顯示在下方



二、網頁批次上傳
1.回到首頁可以發現右下角有個Bulk Uploader,點擊進入


2.接著會看到如下畫面,左邊會有如檔案總管般結構的資料夾,點選有音樂那妳
再點選資料夾中的圖片下的+鈕,該圖片會暫存到下方佇列,且圖示會變成打勾符號
完成後點選Upload直就可以把照片傳上去了


三、XP檔案總管發佈
這個上傳方式是透過XP裡面的檔案總管去做發佈,很實用,我都利用這個方式做大量上傳
XP上傳 原文教學網址：http://tutorials.photobucket.com/tutorial_40.html

1.使用這個方式上傳圖片必須先下載一登錄檔,將上傳資訊加入到XP裡面,下載網址如下：
(本上傳方式務必下載此一登錄檔)
Reg下載：http://www.photobucket.com/svc/publish.php?action=reg

2.下載之後可以存到桌面上，然後點兩下執行它,如下圖所示


3.按下"是"新增登錄檔




4.
(1)然後打開要上傳圖片的資料夾，點選要上傳的圖片
(2)點選左方的"將選取的項目公佈到網頁"


5.出現如下畫面：
(1)按下一步


(2)視窗會詢問要將檔案發佈到哪裡，這時候選擇Photobucket.com (步驟2若未完成則看不到)
點選下一步(如下圖所示)


(3)輸入申請好的帳號和密碼登入(如下圖所示)


(4)接著出現檔案視窗可以選擇要上傳的圖片,在欲上傳圖片上打勾,按下一步(如圖所示)


(5)接著點選你要上傳的資料夾(相簿),由於這地方不能直接新增相簿,
所以若有需要可以先從網頁進去建立新的相簿
下圖範例中將圖片上傳到test_album相簿裡


(6)最後會詢問是否要調整圖片大小,如果圖片在電腦上已經事先縮好的話就不用勾了


(7)視窗開始上傳圖片會出現進度畫面,這時候就耐心等待吧


(8)完成之後會出現完成畫面,並出現連結可以讓你直接點進去看成果



貼圖教學
貼圖有分貼單張圖或者批次大量貼圖

單張貼圖可以直接複製圖片下面的語法就可以了,關於Photobucket現成語法提供的有四種(看下圖)
1. Email & IM 這種是提供照片在相簿裡面的連結,點這網址會到Photobucket的網頁
2. Direct Link 這種語法是直接提供圖片位址,可以拿來貼Blog或者網頁
3. HTML Code 這種語法是搭配了<img src="....">用來寫網頁或Blog都可
4. IMG Code 這種語法是提供給論壇使用的,大部分論壇都是[IMG]...[/IMG]包的

批次貼圖
要大量貼圖的話可以點選要貼的圖片,若要選擇全部可以勾選下面的select / unselect all
再點選右下方按鈕 Generate HTML and IMG code


接著畫面會出現多種語法,比較常用到的是框線圈起來的兩種,其他的大家自己去try吧


網頁或Blog的PO法
以我在使用的Pixnet為例,先將前面步驟的語法複製
在PO文視窗中,點選原始碼(如圖所示),然後在編輯視窗上直接貼上(如圖所示)


貼完之後再按一次原始碼,圖片就會顯示出來了! 對於要大量貼圖片的user來說超方便


論壇圖片PO法
我以雲豹基地為範例,一般論壇大都使用[IMG] ... [/IMG] 當貼圖語法
所以複製的時候要複製適合貼論壇的那個區塊

在論壇發新文章時候,先在編輯視窗點選Discuz!代碼模式(註:這名稱會依據論壇不同而有所不同)
然後再將剛剛複製的貼圖碼貼上



貼上去之後,再按下所見即所得模式,就可以看到圖片啦~



以上教學到此,要注意的是圖片外連有頻寬流量限制(每個月25GB),超過圖片就看不到了
(外連: 在別的網頁上貼Photobucket的圖片,都算是外連)
目前Photobucket有陸陸續續修改一些新功能,如果畫面不一樣就自行變通囉~
如果怕圖片太熱門塞爆,可以多請幾個帳號去分散相片、分散流量~

以上有問題再問我吧~
教學轉貼請附上本原始出處網址,謝謝!