十二月27
FeedBurner電子報設定教學-修改程式碼

三、修改程式碼

feedburner教學14左手邊的圖片是FeedBurner所提供的原本電子郵件訂閱畫面,感覺上真的不是很美feedburner教學12觀,也佔用掉太多的空間。而又上角的畫面則是經過我們改良過的程式碼所展現的畫面,是不是精簡很多。其實還可以在精簡一點,就是去掉它的外框,並且把電子郵件的輸入框往左邊移動,讓他對齊上面的標題。

現在,我們就來看看如何透過FeedBurner的修改程式碼,讓「訂閱電子報」的畫面變得更精簡。







Step 1. 更改 Feedburner 的程式碼如下圖。

  1. 刪除「<p>輸入你的電子郵件地址:</p><p>」字串。
  2. 新增 「value=”輸入你的Email” onclick=”this.value=&#39;&#39;”」字串,onclick後面的設定是為了讓滑鼠點擊在上面的時候將清除輸入框內原本的字串。
  3. 刪除「</p>」 。
  4. 更改「en_US」為「zh_TW」,讓 FeedBurner 的說明轉為繁體中文。
  5. 刪除 「<p>發送者為」 。
  6. 刪除「</p>」。
  7. border是框線的寬度,如果不要框線,只要將其設定為0或none就可以了。
  8. text-align是設定輸入框的對齊位置,內定「center」為置中對準,如果想靠左對齊的話就要設定成「left」。

  feedburner教學11

Step 2. 經修改後的程式碼如下:
feedburner教學15

Step 3. 下面的畫面就是最終的電子報訂閱框,感覺是不是更精簡?而且當訪客把滑鼠點擊在框架中的空格,裡面原本的的字串就會消失,方便訪客輸入電子郵件。
feedburner教學13


『使用 Google FeedBurner 製作部落格電子報』教學章節:

一、燒錄一個屬於自己的RSS
二、啟用「電子郵件訂閱」
三、修改程式碼
四、設定「確認電子郵件」的認證提示
五、設定部落格電子報的「版面」
六、設定「摘文」字數長度
七、設定電子報「出刊時間」


分頁 1 2 3 4 5 6 7




本部落格提供免費電子書索取:
我如何開始寫部落格 寫部落格賺錢術 如何提昇部落格人氣

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *