[教學] Blog小貼紙製作

許多blog都有美美的blog貼紙, 除了自己手工用photoshop等繪圖軟體製作外, 還有許多線上免費的blog貼紙製作網站, 前幾天發現了一個不錯的blog貼紙製作網站, 操作簡單而且可以製作出蠻漂亮的雙色貼紙, vivi大大希望可以寫成一篇教學, 所以...

---

Step 1:
首先, 先連到這個Button Maker (http://kalsey.com/tools/buttonmaker/)這個blog貼紙製作網站, 會看到下面這個畫面:

---

Step 2:
接下來得先了解一下各個欄位是什麼意思



基本上, 所產生的blog貼紙會有左右兩個顏色, 我們統一稱呼左邊顏色的條狀區塊為bar

---

Step 3. 設定
參考一下在Step2大圖裡的說明, 一次動一項, 更改設定值以後記得要按9.送交處理, 然後觀查結果微調就可以了. 按照上面的說明, 可以很容易得到像下面的貼紙設計.

---

Step 4: 將貼紙貼到blog上
首先, 得先把你的貼紙上傳到各家的相本, 上傳之後, 請進入你的blog編輯器裡, 請把編輯器切換至所見即所得模式 (進階模式). 然後我們以無名小站為例.

4.1 得到你的貼紙HTML code

我們必須先得到貼紙的HTML code, 最簡單的方法就是利用blog現有的編輯器. 首先先切換到進階編輯器(不要使用一般編輯器), 然後選擇 插入/編輯照片, 將你的blog貼紙自你的相本貼到你的文章裡


貼到你的編輯裡以後會像這樣!, 直接顯示出照片.


接下來請選送出文章將這篇文章發表在blog上, 不用公開沒關係, 這篇文章等會會砍掉.

然後請找到你剛剛發出去的文章, 按修改, 打開之後, 這次請切換成使用一般編輯器(不要使用進階編輯器). 然後會看到下面的畫面, 沒有圖片, 只有一串HTML code.


注意那一大串 <img src=.........               />   這一行就是我們需要的東西了! 請把這行copy起來, 等會會用到!
 
4.2 將貼紙貼到你的blog上

首先, 先在你的blog連結列上找到資料夾管理的按鈕


點進去以後會進入資料夾管理的畫面, 然後請選 新增資料夾, 然後就可以看到多出了一個叫做新資料夾的資料夾 (可以自己改名字)


接下來返回頁面, 就會看到在連結列多了一個新資料夾(看你剛剛是取什麼名字). 接下來請在新資料夾下方, 按一下連結管理


進入連結管理的畫面以後, 按一下新增連結, 然後進入最後一步. 把剛剛copy起來的HTML code, 直接貼到名稱裡面, 按下確定, 回到blog首頁.


然後就可以看到漂亮的blog貼紙出現啦!

P.S. 如果是pixnet也是一樣的, 利用編輯器的切換拿到貼紙的HTML code, 然後進入blog後台的連結管理,  接下來新增連結, 把HTML貼到連結的連結名稱欄位就ok了!