每次看到許多好朋友的部落格都有貼上的串聯貼紙,我都有一種想要自己製作衝動,也想要擁有一個屬於自己blog的串聯貼紙。
今天休假在家沒事就所以就上網到處找一找,看看那些好友們是如何製作的!自己東摸西摸的~~~嘿嘿...也給我搞懂了!
今天就在這分享一下我的製作過程................
1. 先要做為貼紙的圖片,(圖片長寬建議小於 200x200 pixel,也必須配合您的部落格自定欄位的寛度)。
可以用影像編輯軟體或Windows的小畫家來製作圖片,如何畫您們一定比我更利害呀!所以這就不多做說明了。(我是利用Photo Impression 5這軟體來編輯的)
有興趣朋友可去http://www.arcsoft.com/products/photoimpression/看看,好像可以免費下載的樣子。
如果您真的和我一樣那麼肉脚的話,也沒關係喔~~~只要上Google找找看,您就會有一大堆已經畫好現成的貼紙;http://stickeraction.com/show/index/time_desc/這也有很多貼紙!!當然囉!....不用我教吧!直接複製存在您的電腦中就行了,頂多就再加個文字或簡單的圖案!那也可省去不少的寶貴時間。
2.把製作完成的圖片上傳到部落格(網路)相簿之中
3. 在圖片處按右鍵的內容,那就是貼紙圖片的連結位置,把上面的網址(URL)複製起來。
4. 貼紙語法:<a href="要連結的網址" title="連結的說明" target="_blank"><img src="貼紙圖片連結位置" border="0"></a>
語法說明:
要連結的網址 就是您自己本身的部落格網址。
http://blog.yam.com/jack60455867/
貼紙圖片連結位置 就是之前您那複製的那相薄中的照片網址。
http://pics6.blog.yam.com/16/userfile/j/jack60455867/album/149fdc6e882af6.gif
title是為滑鼠指標停留於圖示上的連結的說明→ title="我是從事建築的測量放樣工程.......希望能夠與大家一起分享工作的心得及技術... "
alt 是圖片為圖片失連時的輔助說明→ ait="小邱邱的測量放樣工程"
(但舊版本 IE 瀏覽器卻用來當作連結說明使用,可以就照 title 的內容填寫!!所以在這裡alt我的貼紙中就不放進去了)
語法就是 ↓ 這個樣子呀~~~~
<a href="http://blog.yam.com/jack60455867" title="我是從事建築的測量放樣工程.......希望能夠與大家一起分享工作的心得及技術..." target="_blank"><imgsrc="http://pics6.blog.yam.com/16/userfile/j/jack60455867/album/149fdc6e882af6.gif
" border="0"></a>
歡迎取用我的部落貼紙,挑一個喜歡的帶回家貼吧!
目前提供 188×60 以及 88×32 兩種貼紙 共有五種喔~~~
貼紙的連結種類及語法如下:
語法:
| <a href="http://blog.yam.com/jack60455867" title="我是從事建築的測量放樣工程.......希望能夠與大家一起分享工作的心得及技術...." target="_blank"><img src="http://pics6.blog.yam.com/16/userfile/j/jack60455867/album/149fdc6e882af6.gif " border="0"></a> |
2. 188x60 字體固定不會變_jpg格式,5.8 kb
語法:
| <a href="http://blog.yam.com/jack60455867" title="我是從事建築的測量放樣工程.......希望能夠與大家一起分享工作的心得及技術...." target="_blank"><img src="http://pics6.blog.yam.com/16/userfile/j/jack60455867/album/149fd6b3a1cdaa.jpg " border="0"></a> |
語法:
| <a href="http://blog.yam.com/jack60455867" title="我是從事建築的測量放樣工程.......希望能夠與大家一起分享工作的心得及技術...." target="_blank"><img src="http://pics6.blog.yam.com/16/userfile/j/jack60455867/album/149fd6b3059ea4.jpg " border="0"></a> |
4. 88x32 左側字體是設計由繼續思念 的kaitiwei bmp格式,8.5 kb
語法:
| <a href="http://blog.yam.com/jack60455867" title="我是從事建築的測量放樣工程.......希望能夠與大家一起分享工作的心得及技術...." target="_blank"><img src="http://pics6.blog.yam.com/16/userfile/j/jack60455867/album/149fd6b3a21221.bmp " border="0"></a> |
5. 88x32 由繼續思念 的kaitiwei 設計的貼紙_bmp格式,8.5 kb
語法:
| <a href="http://blog.yam.com/jack60455867" title="我是從事建築的測量放樣工程.......希望能夠與大家一起分享工作的心得及技術...." target="_blank"><img src="http://pics6.blog.yam.com/16/userfile/j/jack60455867/album/149fd6b30bc8db.bmp " border="0"></a> |
如果有把我的串聯貼紙放在部落格的朋友,一定記得要留言告訴我喔!如果您也有貼紙的話我一定也會把它放在我的部落格中喔~~~~謝謝~~~您們的支持及鼓勵!!

板主回覆: 感謝 企鵝 大大 的引用和推薦吔~~~ 您真是我的&quot;超級麻吉&quot;喔 有您們的支持~~~~ 就是我貼文的源動力哦!!!!
板主回覆: 謝謝 佶也大大 不要不好意思呀!!! 真的會影響連結速度呀!!! 我都不知道吔~~~~(可以刪除嗎?..哈哈..太慢了!) 看到好多好友們都有美美的貼紙 所以就想試試做做看囉~~~ 您和企鴒一樣都是我的&quot;超級麻吉&quot;喔!! 您時常都來給我問候和鼓勵 那就夠多了呀!!!
板主回覆: 真感恩吔~~~~ 那真是個好位置 最上面喔!!如果是大樓的話最頂樓也是最貴吔~~~ pailing 真夠意思!!! 您說的語法要加在這語法的那裡呢?? 可否請您詳細說明一下呢 謝謝~~~ title=&quot;小邱邱的測量放樣工程&quot;這個我用過,但是ale 要如何加入圖片中呀??
板主回覆: Pailing 真是利害....而且解說如此詳細!!!! 我再利用時間把文章中的語法修改一下 再加上這些語法後,這貼紙就更完美了吔~~~
板主回覆: 了解~~~收到了~~~ 謝謝您囉!!!!
板主回覆: 哈哈~~自己無聊....亂玩的呀!!! 還真有 成就感 吔~~~
板主回覆: 感謝 愛媽 的光臨 我去過您的部落格很多次了 都不知道您有連結貼紙吔! 貼紙做很不錯呀!! 我先拿來貼囉~~ 如果有更新再通知我.... 我在語法貼上有多加了 title=&quot;原來教養是愛這麼回事 ;一個全職媽媽,一顆全力以赴的心,一個業餘筆者,一份散佈感動的情,全力以赴的心,引領我包容欣賞家人的一切,散佈感動的情,鞭策我執筆記錄家人的所有!&quot; 那滑鼠到了那貼紙就會出現文字的說明 不然只看到圖案沒有文字,還真不知是您的貼紙吔!
板主回覆: 歡迎您來拿~~~ magger333 您是那位呢? 您好像沒有〔天空部落〕的帳號 我無法連結您的部落格 還是要說聲....謝謝您 有空要時常來這坐坐
板主回覆: 貼紙這東西...我也只是剛玩 所以我也不知道會影響到網路的速度吔 鈴鈴用文字連結~~~我就好感謝您了呀!! 謝謝您都時常來給我留言~~
很好看滴串連貼紙呢 企鵝引用囉~ ^^
先跟 小邱邱說 不好意思喔 因為格友眾多 怕一放若太多人來要求 且怕影響連結速度(有的格真的開很慢) 希望能體諒 精神上會支持的 感謝教學與分享~~ 辛苦您~
小邱邱你作得真是很不錯呢, 我拿了最大張、最醒目,字會動的, 還幫你喬了一個好位置放上,夠意思吧^^ 建議小邱邱在連結裡加入 title=&quot;小邱邱的測量放樣工程&quot; 或在圖片裡加入 ale=&quot;小邱邱的測量放樣工程&quot; 我有幫你加了,看你自己要不要加囉^_^
對不起,我筆誤,應該是alt才對啦, 這樣小邱邱可能已經懂了,但我還是解釋一下。 title是連結的說明;alt是圖片的說明, 但alt還能夠當作圖片失連時的替代文字, 就是當圖片因為任何原因而無法讀取時, alt就會以文字來取代圖片的位置,說明這是什麼圖。 title可放在a後面,alt可放在img後面, 也可以兩個同時加入,像這樣: &lt;a title=&quot;小邱邱的測量放樣工程&quot; href=&quot;http://blog.yam.com/jack60455867&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;小邱邱的測量放樣工程&quot;src=&quot;http://pics6.blog.yam.com/16/userfile/j/jack60455867/album/149fdc6e882af6.gif&quot; border=&quot;0&quot;&gt;&lt;/a&gt;
最下面的a&gt;是多餘的,不用理它^^&quot;
小邱邱也有貼紙了 真棒耶!~~
太好了,謝謝小邱邱的分享, 愛雖然有貼紙了,不過太陽春了上不了台面! 等愛也摸懂了小邱邱的方法, 再來和你一起交換貼紙!
我也來串連要貼紙!
鈴鈴之前也喜歡貼紙~ 可是後來發現很當.... 所以就變成小邱哥哥看到的這樣了!! 直接連結專區~ 反而對鈴鈴的部落格比較不當!! 鈴鈴只能幫小邱哥哥用連結的~ 貼紙可能要說抱歉了! 不過還是恭喜小邱哥完成貼紙啦^^