2006年01月25日

blog學習 做Gmail小貼紙

學做了一個Gmail信箱的小貼紙。做法如下

  1. 至此製作 Gmail.com貼紙  的網站,填上個人E-mail Address。
  2. 它會顯現三張風格稍異的貼紙圖檔,而在每個圖檔下方,各有一列語法 (這網站很方便,其他貼紙網站無列出語法)
  3. 將此語法貼在Blog的「自由欄位」即可。我是放在右邊邊欄回應區」(以自由欄位做的)底下

不過,我在製作時有個小問題,那就是我的 E-mail Address太長了,且這網站提供的圖檔寬有200像素,超出此版邊欄的寬度,會使整個邊欄往下拉,跳到版面最底部 (也就是不成功),為了解決這個問題,我的做法如下

  1. 仍先至貼紙製作網站將 E-mail Address只填「my」兩字,製作了這個my @Gmail.com的貼紙圖檔。
  2. 然後在自己的電腦上自行修改圖檔大小,大約修成寬100像素。
  3. 上傳到個人的 Flickr中,使圖檔有網址。
  4. 修改原貼紙網站提供的語法,
    • mailto原為my @Gmail.com ,改成個人正確的信箱Address。
    • 寬度由200改為100(設定成圖片寬度像素,圖才不會變形)。
    • 最後將網址改為Flickr處的網址 (原是貼紙網站提供的圖檔網址)。
  5. 到管理頁面將語法加在原「回應區」的自由欄位內,大功告成

語法如下

 

<a href="mailto:xxx@gmail.com(填自己的信箱)"><img width="100" height="20" border="0" src="http://xxx...(填圖檔網址)">(填顯示文字,可不填)</a>
  • 如果border改為"1",則圖片有細外框。
  • 若要設定外框顏色,則將 「border="1"」改為 「Style="border:1px solid #色碼"」。
  • 如果希望框為虛線,將上面的語法之「solid」,改為「dotted 」(圓點虛線) 或「dashed」(虛線) 。
  • 如果網友的回應內容是不需公開的,歡迎來Mail連絡。

[幾個製作貼紙的網站]



Posted by adcopywriter at 樂多Roodo! │15:17 │回應(0)引用(0)部落足跡
樂多分類:生活 工具:編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/1047389