仔細一看好久沒更新啦（遠目）
不過一更新就是令人振奮（！？）的好消息
那就是——我出本啦～～（放鞭炮）
雖然這是將近一個月前的事（被毆飛）
話說我自從上了研究所圖也沒時間畫、網誌也沒時間寫
可是幽遊20週年的大日子轉眼就到了
於是我硬是排除萬難擠出一個星期的時間生出了這本薄薄的本子（當然其他所有的事也都往後擠）
總算趕上7/10的20週年活動
這次的活動辦得真棒～～（撒花）
不過本子還有剩一些，所以找了鴨子姊姊在CWT25讓我寄賣（大心）
考慮到有些同好可能兩場都不方便參加，所以也決定開放通販囉！
這是封面封底
尺寸：B5
頁數：26（掩面）
彩色封面、黑白內頁，內容為健全向
售價：80元
通販價：100元含郵
通販方式：請先點頁面左上角「與我聯繫」E-mail給我，標題請打「幽遊本通販」，內容寫不寫都可以，我會再回信告知匯款事宜（因為我不想把個人資料PO上來）
寄賣場次：CWT25 台大場
日期：8/7（六）（僅一天）
攤位：無奇不有 M48 （果然無奇不有XD）
當天我也會去喔～歡迎來玩XDD
以下為部份內容試閱
(閱讀全文)今年又不知死活地想再參加插畫比賽了XD
輕小說部份沿用去年的設定，自創部份今年畫了新的
然後就不小心設定了很多不必要的東西
 ※髮飾上的圖案是賽夏族的代表圖案「雷女紋」，使用賽夏族傳統的紅黑白配色。雷女為賽夏族傳統信仰中的主要神祈，掌管天候。 ※為什麼會選擇賽夏族呢？因為賽夏族是少數有傳統姓氏的台灣原住民（台灣大部分的原住民傳統是不使用姓氏的），而且每個姓氏都有可對應的漢姓，取名字比較方便（別打我阿） | 風瓦嘉（巴巴瓦嘉．瑪托．巴拜） 巴巴瓦嘉pakpakwaka：傳說中賽夏族的發源地，意為大地之耳 暱稱：嘉嘉 年齡：16 星座：巨蟹座 身高：162CM 學校：日新女中（取自小學母校XD） 社團：合唱團 個性：樂觀開朗，由於環境的關係帶有一點早熟事故 背景：賽夏族原住民，虔誠的天主教徒。因為擠下高年級學姐於合唱比賽中SOLO，在合唱團遭到排擠。父母因工作南北奔波，目前一個人在台北讀書並努力打工，希望能把弟妹也接到台北。 |
 ※莫名其妙根本用不到的設定：父親的名字是沈台生，外省人第二代。請參考龍應台〈住在一張地圖上〉，收錄於《大江大海一九四九》，天下雜誌出版。 | 沈青驪 暱稱：小青（本人並不承認） 年齡：16 星座：天秤座 身高：158CM 學校：日新女中 社團：跆拳道社 個性：意外地單純 背景：父親是刑警，母親於三年前車禍身亡，肇事者始終沒有找到。雖然不是父親負責的案子，但她一直不能諒解父親身為人民保母，卻連自己的家庭遭到破壞都莫可奈何。 |
 ※本來換了很多髮型都不對勁，想說試一下經典少年漫畫主角髮型，沒想到整個人瞬間就熱血了起來。果然這種東翹西翹的髮型有神奇的魔力？ | 楊又星 暱稱：柚子 年齡：16 星座：獅子座 身高：166CM 學校：台北中學（笑我沒創意吧） 社團：空手道社 個性：總之是個笨蛋XD 背景：父母在半年前出差時遇到空難雙雙罹難。拒絕了親戚的收養，目前一個人靠雙親的保險金生活，打算畢業後不升學，自己開空手道教室。 |
 | 高霽云 暱稱：小高 年齡：15 星座：摩羯座 身高：171CM 學校：台北中學 個性：自卑、鑽牛角尖 背景：升國中時親生父母離異，父親與外遇對象再婚並生了個弟弟，覺得自己不是家中的一份子。國中起放棄從小學習的空手道，全心投注在課業，不料進了高中卻遇到小時候一起學空手道的柚子…… |
 | 蘇子鳶（假名）♂ 本名：羿鳶 年齡：19 星座：水瓶座 身高：176CM 學校：日新女中 個性：三八（被毆飛） 背景：從異世界來的使者（跳TONE跳很遠XD），男扮女裝潛入校園調查某些事情……在原來的世界負責偵察任務，武器是弓箭。 |
 | 曜白 年齡：36 星座：天蠍座 身高：183CM 個性：清淨無為（？？？） 背景：羿鳶的搭檔，負責後勤支援。在原來世界的身份是和尚。 ※我妹說這傢伙一臉光頭相耶？ |
拖了這麼久，終於決定要以這個新站正式跟大家見面囉～
同時舊站的瀏覽人次也在昨天破2萬了，真是可喜可賀
也是在昨天，我接到研究所的錄取通知了，這就叫雙喜臨門吧XD
上面這張圖的靈感來自日本樂○製菓出的一款梅子糖包裝
這款梅子糖在日本已經有35年歷史了，還有很多姊妹產品喔
現在在台灣各大便利商店也買得到了（工商服務？）
有人看得出我畫的是誰嗎？
(閱讀全文)上完職訓班接到的第一個CASE
內容是手機理財軟體的ICON設計，共三款各20個ICON
這次的CASE令我再次深深感覺到客戶喜歡的東西跟我差很多
※以上圖案版權均屬於案主，嚴禁任何形式之轉載或盜用※
(閱讀全文)
最近啃了不少教學，所以挖出一張很久以前的草稿來上色
這是N年前辦美宣營的時候上課偷畫的……（身為主辦人這樣刻以嗎？）
看到背後麥克筆練習用的格線了嗎？XDD
之前整理舊資料的時候剛好翻到，所以就混在新稿中了
難得有一張B4的圖，想說趁機用一下Photoshop的自動對齊圖層功能接看看
結果怎麼試都不行，還是只能手動（淚）
掃進電腦翻轉過來一看，臉果然整個是歪的呢orz
幸好我是活在CG的時代～～（毆）
(閱讀全文)如先前所述，我跑去上了政府辦的職訓班
上課教的軟體其實我都接觸過，該會的功能也幾乎都會
但是沒有人這樣帶著做實際應用的練習，這些資訊就散在腦袋各處
該用到的時候根本沒意識到有這些東西在腦子裡
所以我還是覺得收穫良多
這陣子做的東西好像都比較花俏，不知道是哪根筋不對勁
以下課堂作業依製作日期排列
0508 DM - 心型練習+剪影應用（AI）
0513 塑膠卡片 - 漸變工具、自訂筆刷、相似色平行線應用（AI）
0516 人物插畫（AI）
0521 餅乾盒 - Q版人物應用（AI）
0521 紙袋 - 圖樣應用（AI）
0523 紙袋 - 破格應用（AI）
0523 扇子 - 文字效果應用（AI）
0526 扇子 - 煙火效果應用（AI）
0601 DM - 筆刷與圖層效果應用（PS）
0602 海報 - 團體習作（PS+AI）
這個海報是有故事的喔，就是那個機車騎士莫名其妙被流彈打中的新聞
這麼感性的東西我大概一輩子都想不出來
0604 酒類廣告 - 水滴效果應用（PS）
0612 文具廣告 - 外觀面板應用（AI）
0613 戒菸宣導廣告 - 煙霧效果應用（PS）
本章將一些簡單的小工具整理出來介紹給大家
導覽列指的是會出現在網誌最上面，供使用者登入或搜尋網站資料的工具列
在「版面配置／網頁元素／導覽列／編輯」中可進行導覽列的設定，共有四種配色可以選擇
但我們的網誌設計跟官方提供的導覽列不見得是相配的，因此這裡提供將導覽列隱藏的方法
在範本中的CSS區段插入以下語法
（<b:skin><![CDATA[到]]></b:skin>之間，在Notepad++軟體中顯示橘色的區段）
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
本做法來自 0與1謎詭世界：隱藏 blogger導覽列(navbar)+進入後台的方法
使用上面的方法隱藏導覽列後，登入管理介面就變得比較麻煩
因此可以加入一個按鈕，方便自己登入
方法一：使用官方按鈕
於「版面配置／網頁元素／新增小工具／標誌」選擇喜歡的標誌
方法二：使用其他的按鈕
利用「版面配置／網頁元素／新增小工具／Html/JavaScript」加入以下程式碼：
<a title="BLOGGER" href="http://blogger.com/"><img src="圖片網址" /></a>
圖片可以使用任何自己喜歡的，網路上也找得到網友精心設計的圖片
做法及圖片來源可參考 0與1謎詭世界：換個與眾不同的blogger button
Blogger並沒有提供計數器功能，所以如果你希望自己的網誌上顯示計數器
可以去申請一個放上來，這裡介紹我所使用的SiteStates
STEP 1：申請帳號，填入基本資料
STEP 2：進入「帳號管理」，新增部落格網址
STEP 3：點「修改」更改計數器顏色及樣式
STEP 4：點「原始碼」將程式碼複製後，貼入Html/JavaScript小工具
如果你只是自己想知道網站的流量，可以使用Google Analytics
這是Google提供的網站分析服務，功能相當強大
可參考 ajneok 亂芭樂：Google Analytics 幫你統計網站資訊
將產生的程式碼貼入範本中任一處即可
除了文章回應，我們有時也需要一個獨立在文章之外的留言板
這個留言板當然不是自己做，只要去申請一個就可以了
此處以CBOX為例
STEP 1：點擊首頁上方的「sign up」
STEP 2：輸入網站相關資料及密碼
STEP 3：選擇喜歡的版型，在右邊可以預覽
STEP 4：點擊「Creat my Cbox!」
STEP 5：將產生的程式碼複製起來，貼入Html/JavaScript小工具
0與1謎詭世界：隱藏 blogger導覽列(navbar)+進入後台的方法
換個與眾不同的blogger button／加入Counter 計數器
BaiHwaHwa＊白花花：[分享] SiteStates免費計數器
ajneok 亂芭樂：Google Analytics 幫你統計網站資訊
電腦玩物：Google Analytics 各種流量統計數據對部落格有什麼意義？
硬是要學：[新訊看板] 新版Google Analytics 初體驗（介面+功能簡介）
之前在【Lesson 6：加入版權宣告】中曾提過「網摘、引用、連結」的概念
也就是利用共享書籤或分享連結等方式分享好文
本章所要講的是如何在文章中加入按鈕
讓讀者可以透過這些按鈕快速地收藏或分享你的文章
STEP 1：在範本中找到<data:post.body/>，在後面加入這段語法：
（如果你是直接在Blogger後台做這個動作，請勾選「展開小裝置範本」）
<b:if cond='data:blog.pageType == "item"'>
<table border="0"><tr><td>收藏本文：</td><td>
「收藏本文：」可改為其他你想顯示的文字
STEP 2：將各家書籤語法加入其後（以下是我有用到的）：
<!-- HEMiDEMi -->
<a expr:href='"http://www.hemidemi.com/user_bookmark/new?title=" + data:post.title + "&amp;url=" + data:post.url' target='_blank' title='加入HEMiDEMi分享書籤'><img alt='HEMiDEMi個人書籤' border='0' src='圖片網址'/></a>
<!-- MyShare智邦網摘 -->
<a expr:href='"http://myshare.url.com.tw/index.php?func=newurl&amp;url=" + data:post.url + "&amp;desc=" + data:post.title' target='_blank' title='加入MyShare分享書籤'><img alt='MyShare個人書籤' border='0' src='圖片網址'/></a>
<!-- Delicious -->
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='加入Del.icio.us分享書籤'><img alt='Del.icio.us個人書籤' border='0' src='圖片網址'/></a>
<!-- DiggIt -->
<a expr:href='"http://digg.com/submit?phase=3&amp;url=" + data:post.url' target='_blank' title='DiggIt!'><img alt='DiggIt!' border='0' src='圖片網址'/></a>
<!-- google -->
<a expr:href='"http://www.google.com/bookmarks/mark?op=add&amp;bkmk=" + data:post.url + "&amp;h= " + data:post.title' target='_blank' title='Add to Google'><img alt='google' border='0' src='圖片網址'/></a>
<!-- Udn -->
<a expr:href='"http://bookmark.udn.com/add?f_TITLE=" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='Add to Udn'><i;mg alt='Udn' border='0' src='圖片網址'/></a>
<!-- funP -->
<a expr:href='"http://funp.com/pages/submit/add.php?url=" + data:post.url + "&amp;s=" + data:post.title' target='_blank' title='funP'><img alt='funP' src='圖片網址' border='0'/></a>
STEP 3：最後加入以下語法
</td></tr></table>
</b:if>
做法來自 BaiHwaHwa＊白花花：[分享] 替自己的blogger加上書籤 PartII
按鈕之間如果太擠，可在範本中找到.post img {
於其後加入padding:4px;（數字越大間隔越大）
在跟書籤語法相同的位置插入以下兩段語法
<a expr:href='"http://plurk.com/?status=" + data:post.url + " " + "(" + data:post.title + ")"' target='_blank' title='推文至plurk' ><img src='圖片網址' style='border:0; weight:16px; height:16px;'/></a>
<a expr:href='"http://twitter.com/home?status=" + data:post.title + data:post.url' target='_blank' title='推文至twitter' ><img src='圖片網址' style='border:0; weight:16px; height:16px;'/></a> 語法來自 Not My Business：在Blogger文章中放置噗浪與twitter推文按鈕
你可以把圖片放在可外連的圖片空間
在免費資源網路社群可以找到許多免費的圖片空間
但是因為我個人不喜歡檔案分散在不同地方
所以我把所有網誌中使用的圖片都放在Picasa網路相簿中
上傳後在圖片上點右鍵「複製圖片網址」即可得到該圖片的網址
提供大家參考
BaiHwaHwa＊白花花：[分享] 替自己的blogger加上書籤 PartII
0與1謎詭世界：單篇文章加入共享書籤(Social-Bookmarks)
Not My Business：在Blogger文章中放置噗浪與twitter推文按鈕
在每篇文章底端放置各大共享書籤 for blogger／各大共享書籤代碼
回應欄的設定位在後台的「設定／意見」
比較重要的設定在【Lesson 2：Blogger介面基本操作】已經提過，這裡稍微再做個補充：
「設定／意見／意見欄訊息」中填寫的文字，將會出現在回應欄位上方
這個區塊可以使用一些簡單的Html標籤，如：
<b>粗體</b>
<i>斜體</i>
<a href="網址">顯示文字</a>
至於留言的刪除，只要點擊該回應中的垃圾桶圖示
進入刪除意見的網頁後，可選擇是否永久刪除該回應
如果沒有選擇「永久刪除」，則如下圖會出現「此文章已由網誌管理員移除」
如果選擇永久移除，該回應就不會在你的網誌留下任何痕跡
當你在「設定／意見／意見欄位置」中選擇「已內嵌下列文章」時
輸入回應的欄位會直接出現在文章下方
但是預設的尺寸很小，擺在文章下面不太好看，修改方法如下：
首先在範本中找到.comment-form {這一行，然後在下方加入
max-width: 寬度 !important;
width: 寬度 !important;
寬度可隨自己高興，我的是580px，給大家參考
本做法來自 Abin's Tech Note：內嵌的文章留言 (Embedded Comment Form)
另一做法 0與1謎詭世界：修改嵌入式留言欄的寬度
（僅改變留言欄寬度，意見欄訊息還是會在原來的位置換行）
Blogger並沒有「作者回應」的機制（我記得我剛開始用Xuite時也沒有）
這樣不僅作者的回應不容易被注意到，萬一遇到有心人冒用作者名義回應那就麻煩了
跟之前一樣，修改前記得備份
STEP 1：首先在範本中找到這一段：
<dl id='comments-block'>
中間夾很多東西
<dl>
STEP 2：把程式碼覆蓋上去
這部份我找到幾種不同的做法，其中白花花和Abin的做法對於作者身份的驗證是比較嚴格的
BaiHwaHwa＊白花花：[分享] 終於研究成功的提高Blogger作者回應的識別度
Abin's Tech Note：作者和一般回應的標示區別 (Author comment highlighting)
我個人用的是Abin的做法，連作者顯示名稱的樣式都改了
把文章中的程式碼貼在指定位置就行了
STEP 3：在範本的CSS區段中插入作者回應的CSS樣式
（<b:skin><![CDATA[到]]></b:skin>之間，在Notepad++軟體中顯示橘色的區段）
以下是我使用的作者回應樣式，可依需要自行修改：
#comments-block .author-comment {
background: #DEE6EE;
color: #5d7da6;
padding:5px;
}
Blogger無法針對特定留言進行回應，要是留言一多挺不方便的
有了編號不僅討論起來比較沒有障礙，先來後到的次序也清楚得多
修改前記得備份（如果你是直接在Blogger後台做這個動作，請勾選「展開小裝置範本」）
STEP 1：在範本中的<head>區段（</b:skin> 與</head> 之間）插入如下這段JaveScript：
<script type='text/javascript'>
//<![CDATA[
<!-- Function used for generating the index number for each post: ShowCommentIndex() -->
var CommentIndex = 0, CommentPostID = '';
function ShowCommentIndex(PostID) {
if (CommentPostID != PostID) {
CommentIndex = 0;
CommentPostID = PostID;
}
document.write(++CommentIndex);
}
//]]>
</script>
STEP 2：找到以下段落
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/></a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
STEP 3：將紅色段落插入如下位置
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/></a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
<!-- Fixed for display comment index -->
| <data:commentLabel/> #
<script type='text/javascript'>
ShowCommentIndex('<data:post.id/>');
</script>
</dd>
本做法來自 Abin's Tech Note：增加文章留言回應的編號 (Show Comment Index)
另一做法 0與1謎詭世界：設定留言回應編號，讓部落格互動更活潑
（比較漂亮，但似乎會動到Abin版的作者回應設定，因此不建議）
0與1謎詭世界：Blogger留言視窗的設定／修改嵌入式留言欄的寬度
Abin's Tech Note：作者和一般回應的標示區別 (Author comment highlighting)
內嵌的文章留言 (Embedded Comment Form)
增加文章留言回應的編號 (Show Comment Index)
BaiHwaHwa＊白花花：[分享] 終於研究成功的提高Blogger作者回應的識別度
其實繼續閱讀是我第一個做的改造，因為對我來說繼續閱讀是個必要的功能
如果弄不好繼續閱讀，我可能就會放棄Blogger了
如果你跟我一樣很龜毛，非得每篇文章都要自訂摘要
那不管哪一種做法在寫文的時候都必須加入供系統辨識的標記才行
這一點跟我之前用的Xuite比起來確實是麻煩了點
但無論如何，開發出這些做法的網友們還是很偉大～
這是目前我看過功能最強大的，但我並不是用這個方法
這個方式安裝比較方便，可調參數也很多
不過感覺上部落格的開啟速度好像會比較慢
繼續閱讀懶人加強版：
[BLOGGER]繼續閱讀懶人加強版 最新版本 v2.2.1(2009.5.8)
[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]安裝教學
[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]參數設定說明
[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]常見問題Q&A
首先請記得備份範本
STEP 1. 在範本中找到]]></b:skin>，在後面貼上以下程式碼：
（如果你是直接在Blogger後台做這個動作，請勾選「展開小裝置範本」）
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
span.fullpost {display:inline;}
</style>
<b:else/>
<style type='text/css'>
span.fullpost {display:none;}
</style>
</b:if>
STEP 2. 再找到<data:post.body/>，在後面貼上以下程式碼：
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>(繼續閱讀)</a>
</b:if>
「(繼續閱讀)」可改成任何你希望出現在摘要之後的文字，也可用圖片取代
STEP 3. 編輯文章時進入程式碼編輯畫面，加入以下程式碼：
<span class="fullpost">
要隱藏的文字
</span>
把不希望在首頁顯示的部份夾在<span class="fullpost">和</span>之間
一篇文章可以隱藏超過一個段落，因此摘要不一定非得是最前面的文字
做法來自 BaiHwaHwa＊白花花：[分享] 在blogger實現繼續閱讀的作法
BaiHwaHwa＊白花花：[分享] 在blogger實現繼續閱讀的作法
