網路城邦
回本城市首頁 資訊教師聯誼會
市長:大明錦衣衛  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市資訊科技IT人員/程式語法【資訊教師聯誼會】城市/討論區/
討論區好站報報 字體:
上一個討論主題 回文章列表 下一個討論主題
部落格貼紙介紹
 瀏覽1,473|回應0推薦1

大明錦衣衛
等級:7
留言加入好友
文章推薦人 (1)

電腦老師(Cat_PT)

部落格盛行後,「部落格貼紙」這玩意兒也跟著在各部落格間流行了起來,大部分的部落格旁邊都會貼個幾張,例如參加某些網路部落格競賽,參賽單位會要求貼上主辦單位規定的貼紙(如「教育部落格大賽」),另外就是格主自己對有興趣的活動所參加的「部落格貼紙串聯」等等。

如果您有興趣,可以到下面的StickerAction專門的貼紙串連網站看看,有什麼有趣的串聯活動,可以挑您有興趣的參加。

http://stickeraction.com/

(註:本人無法保證裡面絕對沒有不適合兒童或者您看了會感到不舒服的內容,該網頁所有內容均為其他網友的創作,概與本人無涉,點選連結後請自行審慎發揮您的判斷力,關閉或忽視您所不喜歡的選項...)

其實說穿了,簡單的貼紙在HTML的時代就只是一種「圖片形式的連結」而已,大致的功能就是「點下圖片可以連結到其他的網頁」這樣,十分簡單,熟悉HTML語法的,自己也可以做一個來玩玩。

例如:我可以把我的部落格Logo用影像處理軟體縮成一張120*33的縮圖,然後就可以放在側欄當貼紙使用,點下圖示就會連結到部落格的首頁。

要放在一般部落格本文內比較簡單,只要把圖檔上傳到相簿,並在圖片上設定好連結就可以了。如果需要貼在側邊欄位時,通常不能使用所見即所得編輯器,就必須使用純文字的HTML語法,語法如下:

<a href="http://blog.udn.com/ohgi01"><img src="http://album.udn.com/community/img/PSN_PHOTO/ohgi01/f_2780278_1.jpg" /></a>

其中紅字的部分就是「點選圖片後要導向的網站」,綠字的部分是「圖片所在的網路位址」(通常在圖片上按滑鼠右鍵選內容可以看到http://開頭的就是),因此你只需要修改這兩個部分就能夠做出自己的貼紙了。

當然,貼紙的美觀與否就要靠各位操作影像處理軟體的功力了!

而效果很炫的動態貼紙,通常是用Flash軟體製作的,以最近痞客幫正在發起的adidas主辦,楊丞琳代言的「我的目標+10」活動,就有很棒的動態效果:

(說明:目的僅為教學示範,與廣告無關)

先連到下方這個活動網頁:

http://memyselfblog.pixnet.net/blog/post/25532831

填上「目標」,選擇「天數」,完成後按下「取得貼紙」,貼紙語法將暫存在你目前的剪貼簿中(隨時可以按滑鼠右鍵選「貼上」)。然後在文章或側邊欄位中以HTML原始碼模式貼上,便可以看到這張貼紙了,時間會一分一秒地自動倒數。懂HTML語法的,要修改目標或日期也很簡單,網頁上有說明,找到flashvars title="目標' ,更改目標只要改掉裡面的字,而後面的year month等參數,大家應該都看得懂英文,直接修改成你要的數值就可以了。下方的「我要加油」按下可以寫上活動宣言,當然,直接點這張貼紙就會連結到活動的網頁。

這樣的貼紙雖然效果很好,可是很大張,許多部落客偏好的是那種像RSS那一種只佔一點點空間的小貼紙,網路上現在有多網頁提供WEB介面可以直接製作,以下是做出來小貼紙的範例:

http://www.lucazappa.com/brilliantMaker/buttonImage.php

http://www.hkwebs.net/catalog/tools/buttonmaker/

(中文介面,不過做出來的效果與第一個的差不多,在此不贅述)

http://tools.blogflux.com/buttonmaker/

http://www.rss-icon.com/index.html

(日文的,要選擇最後兩種字形才會支援漢字,但有些中文字還是不能正常顯示...)

有趣嗎?心動不如馬上行動,您也可以自己動手做一個專屬於您的部落格貼紙!




本文於 修改第 2 次
回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=61994&aid=3255010