2010年8月28日 星期六

修改FeedBurner Email訂閱框

根據此篇「FeedBurner新增Email訂閱顯示標題」,有讀者留言詢問如何修改FeedBurner的訂閱框樣式,特別寫一篇來回應

FeedBurner提供的Email訂閱,目前還未支援繁體中文,而且看起來很佔空間,當你輸入Email按下訂閱後,跳出的確認視窗還是英文版,訂閱框的樣式如下
Enter your email address:


Delivered by FeedBurner
feedburner2

其實Email確認頁可以改為繁體中文,而且訂閱框的樣式也可以更改為更簡潔的樣式,就像我的部落格左欄那個訂閱框,只有一個輸入欄跟訂閱按鈕,確認頁就像以下畫面
feedburner3

接下來就是要說明一下如何修改

步驟一:首先登入FeedBurner
到Publicize 裡面的 Email Subscriptions 取得訂閱框的html ode
feedburner1

步驟二:再來就是修改這個html code,修改後的html code如下,紅字的部份可以改為自己想要在訂閱框裡顯示的文字,FeedName就是取得的名稱,每個Feed都不一樣,請改為自已的Feed名稱,請照步驟一取得html code就知道自已FeedName是什麼
<form action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(204, 204, 204); padding: 3px; text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FeedName', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width: 100px;" value="輸入您的email" onfocus="this.value=''" onblur="if(this.value=='')this.value='輸入您的email'" type="text" name="email" type="text" /><input value="FeedName" name="uri" type="hidden" /><input value="zh_TW" name="loc" type="hidden" /><input value="訂閱" type="submit" /></form>
Related Posts Plugin for WordPress, Blogger...