2009年8月19日 星期三

渾天外記 第一章~風之歌

今年又不知死活地想再參加插畫比賽了XD

輕小說部份沿用去年的設定,自創部份今年畫了新的

然後就不小心設定了很多不必要的東西


Red_

※髮飾上的圖案是賽夏族的代表圖案「雷女紋」,使用賽夏族傳統的紅黑白配色。雷女為賽夏族傳統信仰中的主要神祈,掌管天候。

※為什麼會選擇賽夏族呢?因為賽夏族是少數有傳統姓氏的台灣原住民(台灣大部分的原住民傳統是不使用姓氏的),而且每個姓氏都有可對應的漢姓,取名字比較方便(別打我阿)

風瓦嘉(巴巴瓦嘉.瑪托.巴拜)

巴巴瓦嘉pakpakwaka:傳說中賽夏族的發源地,意為大地之耳
瑪托matol:唱歌
巴拜babai:bai為風之意,相傳
babai氏是風的子孫,故以風為姓

暱稱:嘉嘉

年齡:16

星座:巨蟹座

身高:162CM

學校:日新女中(取自小學母校XD)

社團:合唱團

個性:樂觀開朗,由於環境的關係帶有一點早熟事故

背景:賽夏族原住民,虔誠的天主教徒。因為擠下高年級學姐於合唱比賽中SOLO,在合唱團遭到排擠。父母因工作南北奔波,目前一個人在台北讀書並努力打工,希望能把弟妹也接到台北。

Red

Black_s

※莫名其妙根本用不到的設定:父親的名字是沈台生,外省人第二代。請參考龍應台〈住在一張地圖上〉,收錄於《大江大海一九四九》,天下雜誌出版。

沈青驪

暱稱:小青(本人並不承認)

年齡:16

星座:天秤座

身高:158CM

學校:日新女中

社團:跆拳道社

個性:意外地單純

背景:父親是刑警,母親於三年前車禍身亡,肇事者始終沒有找到。雖然不是父親負責的案子,但她一直不能諒解父親身為人民保母,卻連自己的家庭遭到破壞都莫可奈何。

Black

Green_s

※本來換了很多髮型都不對勁,想說試一下經典少年漫畫主角髮型,沒想到整個人瞬間就熱血了起來。果然這種東翹西翹的髮型有神奇的魔力?

楊又星

暱稱:柚子

年齡:16

星座:獅子座

身高:166CM

學校:台北中學(笑我沒創意吧)

社團:空手道社

個性:總之是個笨蛋XD

背景:父母在半年前出差時遇到空難雙雙罹難。拒絕了親戚的收養,目前一個人靠雙親的保險金生活,打算畢業後不升學,自己開空手道教室。

Green

Blue_s

高霽云

暱稱:小高

年齡:15

星座:摩羯座

身高:171CM

學校:台北中學

個性:自卑、鑽牛角尖

背景:升國中時親生父母離異,父親與外遇對象再婚並生了個弟弟,覺得自己不是家中的一份子。國中起放棄從小學習的空手道,全心投注在課業,不料進了高中卻遇到小時候一起學空手道的柚子……

Blue

Purple_s

蘇子鳶(假名)♂

本名:羿鳶

年齡:19

星座:水瓶座

身高:176CM

學校:日新女中

個性:三八(被毆飛)

背景:從異世界來的使者(跳TONE跳很遠XD),男扮女裝潛入校園調查某些事情……在原來的世界負責偵察任務,武器是弓箭。

Purple

White_s

曜白

年齡:36

星座:天蠍座

身高:183CM

個性:清淨無為(???)

背景:羿鳶的搭檔,負責後勤支援。在原來世界的身份是和尚。

※我妹說這傢伙一臉光頭相耶?

White

身高對照身高對照圖

(閱讀全文)

2009年7月29日 星期三

正式開站囉~

列印

拖了這麼久,終於決定要以這個新站正式跟大家見面囉~

同時舊站的瀏覽人次也在昨天破2萬了,真是可喜可賀

也是在昨天,我接到研究所的錄取通知了,這就叫雙喜臨門吧XD


上面這張圖的靈感來自日本樂○製菓出的一款梅子糖包裝

這款梅子糖在日本已經有35年歷史了,還有很多姊妹產品喔

現在在台灣各大便利商店也買得到了(工商服務?)

 

有人看得出我畫的是誰嗎?

(閱讀全文)

手機軟體ICON設計

上完職訓班接到的第一個CASE

內容是手機理財軟體的ICON設計,共三款各20個ICON

這次的CASE令我再次深深感覺到客戶喜歡的東西跟我差很多

ICON1-003399

ICON2-003300'

ICON3-999933

※以上圖案版權均屬於案主,嚴禁任何形式之轉載或盜用※

(閱讀全文)

2009年7月22日 星期三

自以為天使的熟女一枚

Angel

最近啃了不少教學,所以挖出一張很久以前的草稿來上色

Angel-1

這是N年前辦美宣營的時候上課偷畫的……(身為主辦人這樣刻以嗎?)

看到背後麥克筆練習用的格線了嗎?XDD

之前整理舊資料的時候剛好翻到,所以就混在新稿中了

難得有一張B4的圖,想說趁機用一下Photoshop的自動對齊圖層功能接看看

結果怎麼試都不行,還是只能手動(淚)

掃進電腦翻轉過來一看,臉果然整個是歪的呢orz

幸好我是活在CG的時代~~(毆)

(閱讀全文)

2009年7月12日 星期日

我在職訓班的日子

如先前所述,我跑去上了政府辦的職訓班

上課教的軟體其實我都接觸過,該會的功能也幾乎都會

但是沒有人這樣帶著做實際應用的練習,這些資訊就散在腦袋各處

該用到的時候根本沒意識到有這些東西在腦子裡

所以我還是覺得收穫良多

這陣子做的東西好像都比較花俏,不知道是哪根筋不對勁

以下課堂作業依製作日期排列


0508 DM - 心型練習+剪影應用(AI)0508-DM練習

0513 塑膠卡片 - 漸變工具、自訂筆刷、相似色平行線應用(AI)0513-塑膠卡片

0516 人物插畫(AI)0516-人物插畫

0521 餅乾盒 - Q版人物應用(AI)0521-餅乾盒預視

0521 紙袋 - 圖樣應用(AI)0521-紙袋預視

0523 紙袋 - 破格應用(AI)0523-紙袋預視

0523 扇子 - 文字效果應用(AI)0523-扇子

0526 扇子 - 煙火效果應用(AI)0526-扇子

0601 DM - 筆刷與圖層效果應用(PS)0601-DM

0602 海報 - 團體習作(PS+AI) 0602-海報

這個海報是有故事的喔,就是那個機車騎士莫名其妙被流彈打中的新聞
這麼感性的東西我大概一輩子都想不出來

0604 酒類廣告 - 水滴效果應用(PS) 0604-DM

0612 文具廣告 - 外觀面板應用(AI)0612-彩色鉛筆

0613 戒菸宣導廣告 - 煙霧效果應用(PS)0613-DM

(閱讀全文)

【Blogger大改造】Lesson 11:其他小工具

本章將一些簡單的小工具整理出來介紹給大家

【11-1 將導覽列隱藏】

【11-2 加入Blogger登入按鈕】

【11-3 加入計數器】

【11-4 訪客留言板】

【11-5 課外閱讀】


【11-1 將導覽列隱藏】

Blogger----修改版面配置-導覽列

導覽列指的是會出現在網誌最上面,供使用者登入或搜尋網站資料的工具列

在「版面配置/網頁元素/導覽列/編輯」中可進行導覽列的設定,共有四種配色可以選擇

Blogger----暮平的碎碎念----設定-Navbar

但我們的網誌設計跟官方提供的導覽列不見得是相配的,因此這裡提供將導覽列隱藏的方法

在範本中的CSS區段插入以下語法

<b:skin><![CDATA[]]></b:skin>之間,在Notepad++軟體中顯示橘色的區段)

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

本做法來自 0與1謎詭世界:隱藏 blogger導覽列(navbar)+進入後台的方法

 

【11-2 加入Blogger登入按鈕】

使用上面的方法隱藏導覽列後,登入管理介面就變得比較麻煩

因此可以加入一個按鈕,方便自己登入

方法一:使用官方按鈕

Blogger--暮平的碎碎念---新增小工具-標誌

於「版面配置/網頁元素/新增小工具/標誌」選擇喜歡的標誌

Blogger----暮平的碎碎念----選擇標誌

方法二:使用其他的按鈕

利用「版面配置/網頁元素/新增小工具/Html/JavaScript」加入以下程式碼:

<a title="BLOGGER" href="http://blogger.com/"><img src="圖片網址" /></a>

圖片可以使用任何自己喜歡的,網路上也找得到網友精心設計的圖片

做法及圖片來源可參考 0與1謎詭世界:換個與眾不同的blogger button

 

【11-3 加入計數器】

Blogger並沒有提供計數器功能,所以如果你希望自己的網誌上顯示計數器

可以去申請一個放上來,這裡介紹我所使用的SiteStates

STEP 1:申請帳號,填入基本資料

Site-States--免費計數器--註冊帳號

STEP 2:進入「帳號管理」,新增部落格網址

Site-States--免費計數器--管理模式

STEP 3:點「修改」更改計數器顏色及樣式

Site-States--免費計數器--管理模式2

STEP 4:點「原始碼」將程式碼複製後,貼入Html/JavaScript小工具

 

如果你只是自己想知道網站的流量,可以使用Google Analytics

這是Google提供的網站分析服務,功能相當強大

可參考 ajneok 亂芭樂:Google Analytics 幫你統計網站資訊

將產生的程式碼貼入範本中任一處即可

 

【11-4 訪客留言板】

除了文章回應,我們有時也需要一個獨立在文章之外的留言板

這個留言板當然不是自己做,只要去申請一個就可以了

CBOX

此處以CBOX為例

STEP 1:點擊首頁上方的「sign up」

STEP 2:輸入網站相關資料及密碼

STEP 3:選擇喜歡的版型,在右邊可以預覽

STEP 4:點擊「Creat my Cbox!」

STEP 5:將產生的程式碼複製起來,貼入Html/JavaScript小工具

 

【11-5 課外閱讀】

0與1謎詭世界:隱藏 blogger導覽列(navbar)+進入後台的方法

換個與眾不同的blogger button加入Counter 計數器

BaiHwaHwa*白花花:[分享] SiteStates免費計數器

ajneok 亂芭樂:Google Analytics 幫你統計網站資訊

電腦玩物:Google Analytics 各種流量統計數據對部落格有什麼意義?

硬是要學:[新訊看板] 新版Google Analytics 初體驗(介面+功能簡介)


(閱讀全文)

【Blogger大改造】Lesson 10:共享書籤及推文按鈕

之前在【Lesson 6:加入版權宣告】中曾提過「網摘、引用、連結」的概念

也就是利用共享書籤或分享連結等方式分享好文

本章所要講的是如何在文章中加入按鈕

讓讀者可以透過這些按鈕快速地收藏或分享你的文章

【10-1 加入共享書籤的按鈕】

【10-2 加入噗浪與Twitter推文按鈕】

【10-3 按鈕圖片要放在哪裡?】

【10-4 課外閱讀】


【10-1 加入共享書籤的按鈕】

STEP 1:在範本中找到<data:post.body/>,在後面加入這段語法:

(如果你是直接在Blogger後台做這個動作,請勾選「展開小裝置範本」)

<b:if cond='data:blog.pageType == "item"'>
<table border="0"><tr>&lttd>收藏本文:</td><td>

「收藏本文:」可改為其他你想顯示的文字

STEP 2:將各家書籤語法加入其後(以下是我有用到的):

<!-- HEMiDEMi -->
<a expr:href='"http://www.hemidemi.com/user_bookmark/new?title=" + data:post.title + "&ampamp;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&ampamp;url=" + data:post.url + "&ampamp;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 + "&ampamp;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&ampamp;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&ampamp;bkmk=" + data:post.url + "&ampamp;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 + "&ampamp;title=" + data:post.title' target='_blank' title='Add to Udn'>&lti;mg alt='Udn' border='0' src='圖片網址'/></a>
<!-- funP -->
<a expr:href='"http://funp.com/pages/submit/add.php?url=" + data:post.url + "&ampamp;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;(數字越大間隔越大)

 

【10-2 加入噗浪與Twitter推文按鈕】

在跟書籤語法相同的位置插入以下兩段語法

<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推文按鈕

 

【10-3 按鈕圖片要放在哪裡?】

你可以把圖片放在可外連的圖片空間

免費資源網路社群可以找到許多免費的圖片空間

但是因為我個人不喜歡檔案分散在不同地方

所以我把所有網誌中使用的圖片都放在Picasa網路相簿中

上傳後在圖片上點右鍵「複製圖片網址」即可得到該圖片的網址

提供大家參考

 

【10-4 課外閱讀】

BaiHwaHwa*白花花:[分享] 替自己的blogger加上書籤 PartII

0與1謎詭世界:單篇文章加入共享書籤(Social-Bookmarks)

Not My Business:在Blogger文章中放置噗浪與twitter推文按鈕

在每篇文章底端放置各大共享書籤 for blogger各大共享書籤代碼

免費資源網路社群


(閱讀全文)

【Blogger大改造】Lesson 9:文章回應的調整

【9-1 基本管理】

【9-2 內嵌回應欄位的尺寸調整】

【9-3 作者回應與一般回應的區別】

【9-4 將回應編號】

【9-5 課外閱讀】


【9-1 基本管理】

回應欄的設定位在後台的「設定/意見

比較重要的設定在【Lesson 2:Blogger介面基本操作】已經提過,這裡稍微再做個補充:

Blogger--暮平的碎碎念---意見設定1

設定/意見/意見欄訊息」中填寫的文字,將會出現在回應欄位上方

暮平的碎碎念--回應欄

這個區塊可以使用一些簡單的Html標籤,如:

<b>粗體</b>
<i>斜體</i>
<a href="網址">顯示文字</a>

至於留言的刪除,只要點擊該回應中的垃圾桶圖示

暮平的碎碎念--回應測試1

進入刪除意見的網頁後,可選擇是否永久刪除該回應

Blogger--暮平的碎碎念---刪除意見

如果沒有選擇「永久刪除」,則如下圖會出現「此文章已由網誌管理員移除」

暮平的碎碎念--刪除意見2

如果選擇永久移除,該回應就不會在你的網誌留下任何痕跡

 

【9-2 內嵌回應欄位的尺寸調整】

Blogger--暮平的碎碎念---意見設定2

當你在「設定/意見/意見欄位置」中選擇「已內嵌下列文章」時

輸入回應的欄位會直接出現在文章下方

但是預設的尺寸很小,擺在文章下面不太好看,修改方法如下:

首先在範本中找到.comment-form {這一行,然後在下方加入

max-width: 寬度 !important;
width: 寬度 !important;

寬度可隨自己高興,我的是580px,給大家參考

本做法來自 Abin's Tech Note:內嵌的文章留言 (Embedded Comment Form)

另一做法 0與1謎詭世界:修改嵌入式留言欄的寬度
(僅改變留言欄寬度,意見欄訊息還是會在原來的位置換行)

 

【9-3 作者回應與一般回應的區別】

暮平的碎碎念--回應測試2

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;
}

 

【9-4 將回應編號】

暮平的碎碎念--回應測試3

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='&quot;#comment-&quot; + 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='&quot;#comment-&quot; + 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(&#39;<data:post.id/>&#39;);
   </script>
    </dd>

本做法來自 Abin's Tech Note:增加文章留言回應的編號 (Show Comment Index)

另一做法 0與1謎詭世界:設定留言回應編號,讓部落格互動更活潑
(比較漂亮,但似乎會動到Abin版的作者回應設定,因此不建議)

 

【9-5 課外閱讀】

0與1謎詭世界:Blogger留言視窗的設定修改嵌入式留言欄的寬度

設定留言回應編號,讓部落格互動更活潑

Abin's Tech Note:作者和一般回應的標示區別 (Author comment highlighting)

內嵌的文章留言 (Embedded Comment Form)

增加文章留言回應的編號 (Show Comment Index)

BaiHwaHwa*白花花:[分享] 終於研究成功的提高Blogger作者回應的識別度


(閱讀全文)

2009年7月11日 星期六

【Blogger大改造】Lesson 8:繼續閱讀功能

【8-1 前言】

【8-2 繼續閱讀懶人加強版】

【8-3 土法煉鋼法】

【8-4 課外閱讀】


【8-1 前言】

其實繼續閱讀是我第一個做的改造,因為對我來說繼續閱讀是個必要的功能

如果弄不好繼續閱讀,我可能就會放棄Blogger了

如果你跟我一樣很龜毛,非得每篇文章都要自訂摘要

那不管哪一種做法在寫文的時候都必須加入供系統辨識的標記才行

這一點跟我之前用的Xuite比起來確實是麻煩了點

但無論如何,開發出這些做法的網友們還是很偉大~

 

【8-2 繼續閱讀懶人加強版】

這是目前我看過功能最強大的,但我並不是用這個方法

這個方式安裝比較方便,可調參數也很多

不過感覺上部落格的開啟速度好像會比較慢

繼續閱讀懶人加強版:

[BLOGGER]繼續閱讀懶人加強版 最新版本 v2.2.1(2009.5.8)

[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]安裝教學

[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]參數設定說明

[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]常見問題Q&A

 

【8-3 土法煉鋼法】

首先請記得備份範本

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實現繼續閱讀的作法

 

【8-4 課外閱讀】

繼續閱讀懶人加強版

BaiHwaHwa*白花花:[分享] 在blogger實現繼續閱讀的作法


(閱讀全文)

【Blogger大改造】Lesson 7:RSS訂閱與FeedBurner

【7-1 什麼是RSS?】

【7-2 為Blogger加上訂閱按鈕】

【7-3 FeedBurner—專屬的永久RSS Feed網址】

【7-4 依標籤個別訂閱RSS】

【7-5 課外閱讀】


【7-1 什麼是RSS?】

RSS是一種資訊提供服務,當我們對某個網站進行訂閱的動作

這個網站更新時,我們的RSS閱讀器就會顯示最新的內容

不必一個個檢查自己感興趣的網站是否有更新

訂閱RSS的工具可以是軟體,如RssReader、Snarfer等

或是Google提供的Google Reader線上訂閱

更可以使用Gmail訂閱,讓RSS通知訊息直接寄到你的信箱喔!

至於訂閱的對象,無論是部落格、新聞還是搜尋結果

只要對方有提供RSS訂閱都可以即時得到更新通知

 

【7-2 為Blogger加上訂閱按鈕】

最簡單的方法就是新增一個小工具,選擇「訂閱連結

Blogger--暮平的碎碎念---新增小工具RSS

但如果你不喜歡官方的訂閱圖示,方法也不難

只要把下面這段程式碼貼入Html/JavaScript小工具中,記得改成自己的網址

<a href="你的部落格網址/feeds/posts/default" target="_blank"><img border="0" src="圖片網址"/></a>

 

【7-3 FeedBurner—專屬的永久RSS Feed網址】

FeedBurner也是一項Google旗下的服務,你可以自訂一個屬於自己的RSS Feed網址

而且就算你的網誌搬家了,只要到FeedBurner網站修改設定

你的訂閱者依然會繼續收到你的最新文章,不需要通知他們更改網址

此外你可以在該網站查看有關自己的訂閱者與到訪者的分析

諸如人數的變化、地區分佈、甚至使用的RSS閱讀器等等

使用方式可見馬修的研究室部落格:

教學:申請FeedBurner的E-mail訂閱RSS功能

教學:使用FeedBurner的RSS訂閱人數小貼紙

申請完FeedBurner的訂閱網址後,要記得到Blogger的後台去進行設定:

Blogger--暮平的碎碎念---提供與廣告網路聯播設定

這樣Blogger才能跟FeedBurner的資訊做整合

 

【7-4 依標籤個別訂閱RSS】

暮平的碎碎念--【公告】版權宣告

有時候我們逛某個部落格只對特定的類別感興趣

這時可能就會希望只訂閱該部落格的某個標籤

怎麼在部落格加上這樣的個別訂閱按鈕呢?

這個動作需要修改範本的程式碼,所以請先下載完整範本做備份

首先在範本中找到下列這段程式碼:

(如果你是直接在Blogger後台做這個動作,請勾選「展開小裝置範本」)

<b:widget id='Label1' locked='false' title='標籤小工具的標題' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

然後加入這一段程式碼:

<a expr:href='&quot;http://www.blogger.com/feeds/你的blogID/posts/default/-/&quot; + data:label.name'><img src='RSS圖片網址'/></a>

如果你希望RSS按鈕出現在標籤名稱之前

就把它加在<b:if cond='data:blog.url == data:label.url'>前面

若想跟我一樣放在標籤數量後面,就加在(<data:label.count/>)

其中blogID就是你在Blogger管理後台時,上面的網址出現的數字,例:

http://www.blogger.com/rearrange?blogID=#

blogID=後面的數字就是你的blogID

做法來自 Not My Business:為每個標籤Label個別加上RSS for Blogger

 

【7-5 課外閱讀】

軟體王:什麼是RSS?

重灌狂人:在Gmail中訂閱RSS文章!Google Reader也推出中文版囉! (線上RSS閱讀器)

馬修的研究室部落格:

教學:申請FeedBurner的E-mail訂閱RSS功能教學:使用FeedBurner的RSS訂閱人數小貼紙

0與1謎詭世界:申請FeedBurner服務,感恩我的讀者

Not My Business:為每個標籤Label個別加上RSS for Blogger


(閱讀全文)
 
首頁 | 關於我 | 舊的碎碎念
Simple Proff Blogger Template Created By Herro | Inspiring By Busy Bee Woo Themes