2006年01月25日
blog學習 做Gmail小貼紙
學做了一個Gmail信箱的小貼紙。做法如下:
- 至此製作 Gmail.com貼紙 的網站,填上個人E-mail Address。
- 它會顯現三張風格稍異的貼紙圖檔,而在每個圖檔下方,各有一列語法 (這網站很方便,其他貼紙網站無列出語法)。
- 將此語法貼在Blog的「自由欄位」即可。我是放在右邊邊欄「回應區」(以自由欄位做的)底下。
不過,我在製作時有個小問題,那就是我的 E-mail Address太長了,且這網站提供的圖檔寬有200像素,超出此版邊欄的寬度,會使整個邊欄往下拉,跳到版面最底部 (也就是不成功),為了解決這個問題,我的做法如下:
- 仍先至貼紙製作網站將 E-mail Address只填「my」兩字,製作了這個「my @Gmail.com」的貼紙圖檔。
- 然後在自己的電腦上自行修改圖檔大小,大約修成寬100像素。
- 上傳到個人的 Flickr中,使圖檔有網址。
- 修改原貼紙網站提供的語法,
- mailto:原為「my @Gmail.com」 ,改成個人正確的信箱Address。
- 寬度:由200改為100(設定成圖片寬度像素,圖才不會變形)。
- 最後將網址改為Flickr處的網址 (原是貼紙網站提供的圖檔網址)。
- 到管理頁面,將語法加在原「回應區」的自由欄位內,大功告成。
語法如下:
<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連絡。
[幾個製作貼紙的網站]:
引用URL
http://cgi.blog.roodo.com/trackback/1047389