教學: 幫你的部落格加上絲帶小貼紙(blogsticker)

blogsticker提供了一項絲帶小貼紙的服務,這種小貼紙跟一般的小貼紙不太一樣,大家可以看看左上方的「Made in Taiwan」的國旗絲帶小貼紙,這樣的絲帶小貼紙比起一般的小貼紙更為顯眼,而且可以自己把設計稿寄給blogsticker,請他們放到貼紙樣板中~讓支持某一項活動的朋友一起共襄盛舉,真的是蠻不錯的服務喔~
想試試看嗎? 可以看看底下的教學:
1. 第一步: 連上blogsticker,點選右側的「Sign up now!」,申請新帳號。

2. 第二步: 填入帳號、E-mail、密碼、暱稱與國家,接著按「Sign me up 」。

3. 第三步: 接著會出現底下的視窗,點擊「thanks, close me!」後,到剛剛填寫的E-mail信箱收認證信。

4 第四步: 點擊認證信中的超連結,完成帳號認證程序。

5. 第五步: 點擊E-mail裡的認證連結後,會開啟瀏覽器連到blogsticker網站,並出現底下的視窗,表示帳號已經完成認證,接著點擊「thanks, close me」。

6. 第六步: 點選blogsticker網站右側的「Claim a new blog」,新增自己的部落格。

7. 第七步: 在Blog Link中填入自己的部落格網址,接著點選「check url」。

8. 第八步: 接著需要認證剛剛填寫的部落格是否真的是自己的部落格,blogsticker提供三種方法來驗證這件事情,如下:
- write a post: 在部落格中發表一篇新文章,新文章的標題(Title)跟內文(Post)需要如同這個視窗中顯示的內容一樣,發表後再點選「check post」,即可完成認證,完成認證後就可以刪除剛剛那篇文章囉~
- upload a file: 新增一個檔案,檔案名稱須要跟要求的的名稱一樣,然後將該檔案透過FTP上傳到網站的根目錄底下,上傳後再點選「check file」,即可完成認證,完成認證後就可以刪除剛剛那個檔案了~
- add a metatag: 在部落格的模板中,加入新的Meta資訊,比如像筆者是採用WordPress,那就把blogsticker要求的Meta資訊加入header.php即可,修改完後再點選「check metatag」,即可完成認證,完成認證後就可以刪除剛剛新增的Meta資訊。

9. 第九步: 確認後,就會出現底下的視窗,檢查看看部落格名稱是否正確? 不正確的話可以自己修改,接著點選「done, choose stickers」,就開始開始選擇想要貼到部落格的小貼紙囉~

10. 第十步: blogsticker會偵測你的部落格種類,像筆者的就是WordPress,接著他會提示你該怎麼把小貼紙的程式碼加入部落格中,基本上就是將該段程式碼放到head標籤底下一行即可。
- WordPress:修改模版中的header.php,裡面就能找到head標籤
- Blogspot:請就「模板」->「修改Html」將語法貼在head標籤下面
Yam天空:「功能設定」->「自訂欄位」->「加入javascript」->貼上「http://www.blogsticker.net/xxxx.js」即可 - 樂多:在「Blog基本管理」將整段語法貼入部落格的說明欄位中即可。
(Blogspot, Yam天空與樂多的使用方法是參考自幫你的部落格綁上「捍衛樂生」的絲帶(修正版))

11. 第十一步: 最後,就剩下選擇絲帶小貼紙的種類囉~ 先選擇「Main Categories」再選擇「Sub categories」,然後在「Blog configuration」中設定絲帶的方向,都設定好之後,自己的部落格裡就會出現對應的絲帶小貼紙囉~ 目前共有底下幾款絲帶小貼紙~
- Country flags:
目前已經有70個國家的絲帶小貼紙,當然包含台灣囉~ 就是筆者部落格左上方使用的樣式。 - Games:
目前已經有17種關於任天堂(Nintendo), Sony Playstation, Xbox與PC上的遊戲的絲帶小貼紙,像是超級瑪莉、Wii、Quake、Word of Warcraft、Counter Strike、PS2、Xbox 360等等… - Movies & TV:
目前已經有33種關於卡通、電影、影集與喜劇的小貼紙,像是E.T.、侏儸紀公園(Jurassic Park)、蜘蛛人(Spiderman)、超人(Superman)、星際大戰(StarWars)、The Matrix、鐵達尼號(Titanic)、007系列電影(James Bond 007)、阿甘正傳(Forrest Gump)、魔戒(Lord of the Rings)、24小時反恐(24)、CSI犯罪現場(CSI)、超能英雄(Heroes)等等… - Music:
目前已經有30種關於各式音樂的小貼紙,像是…這個筆者不太懂~ 大家自己過去看喔~ ^^” - Science:
目前已經有4種關於科學的小貼紙,比如說有愛因斯坦的絲帶小貼紙喔~ ^^ - Sports:
目前已經有21種關於各式運動的小貼紙,像是NBA的洛杉磯湖人隊(Los Angeles Lakers)、網球的費德勒(Federer)與納達爾(Nadal)、2008年的北京奧運(Olympics Beijing 2008)等等… - The Brands:
目前只有2種各式商標,以後應該會增加更多選擇。 - Others:
目前有31種其他類的小貼紙,像是台灣的捍衛樂生活動的中英文貼紙(中文:Save Lo-Sheng, 英文:Lo-Sheng Sanatorium)、反布希(Anti Bush)、阻止愛滋病(It’s time to stop AIDS與Stop HIV / AIDS)、反戰(War, War SUCKS, 與War: No blood. No foul.)、聖誕節(Merry Christmas)、WordPress、Firefox、Joomla與Opera等等…

喜歡這裡嗎? 歡迎訂閱酷玩意部落格。
如何訂閱RSS
zero | May 10th, 2007 at 11:40 am
真是好玩^^
很有趣的是,可以看到有幾個部落格跟你擺一樣的樣式
像現在台灣這個大概是26個部落格
CoolPeter | May 10th, 2007 at 12:09 pm
對啊~ 就在同時又增加一個囉~ 27個了。
不過好像不能看是哪些部落格放了一樣的絲帶小貼紙耶…如果可以的話就更有趣了~ 等之後有大比賽或是一些抗議活動的話,這個網站的服務就很方便啦~
antiquepig | May 10th, 2007 at 3:29 pm
css裡找不到head勒 怎麼辦?? @@
zero | May 10th, 2007 at 3:29 pm
剛剛發現,在blogger.com的版面配置裡
就會直接顯示這個小貼紙了,很有趣呢
不過部落格中文名顯示不出來,現在也不知怎麼改…
CoolPeter | May 10th, 2007 at 4:10 pm
嗨~antiquepig~
不是找css喔~ 不過我沒用過pixnet,不太清楚該怎麼放? -.-”
但是剛剛我補充了幾種部落格的放置方式,你可以參考看看~ 可能會有幫助喔~ 如果之後可以了,再請教你是怎麼放的吧~ ^^
CoolPeter | May 10th, 2007 at 4:20 pm
zero是說直接在blogger.com的後台設定就可以申請這種小貼紙喔? 這麼方便啊? ^^” 另外,中文部落格名稱會變成亂碼的問題,我也不知道該去哪改呢~ 但是變成亂碼好像沒差耶~ 找不到有用同樣小貼紙的部落格列表…
zero | May 10th, 2007 at 4:41 pm
不是耶,是這種樣子^^

設定完後,在後台也可以看到
CoolPeter | May 10th, 2007 at 4:50 pm
喔喔~了解了~ 順便幫你加上img標籤,直接顯示。不曉得用Widget的wordpress模板是不是也會這樣…
christalchrist | May 10th, 2007 at 5:14 pm
上面ㄉ認證馬我看ㄉ很不清楚咧
不過
這不是重點
重點是
你寫ㄉ很清楚耶
非常ㄉ清楚
可惜我眼睛走到收認證信後就迷路了
希望我下次還找ㄉ到這邊看邊弄
今天愉快嘿
(就知道我認證馬會牽錯)
(好在事先有先copy起來)
CoolPeter | May 10th, 2007 at 5:29 pm
嗨~christalchrist~
我自己也常會看不懂發表文章前的認證碼 ><” 所以我自己也常會先複製一份留言…看樣子我得改一下認證碼的外掛了~
另外~收到認證信後的步驟就迷路喔~ 那我等等看看有沒有哪裏沒寫清楚? 在修改一下~ 謝謝你的建議喔 ^^ 也祝妳心情愉快啊~
卯月小魚 | May 11th, 2007 at 2:17 pm
你好我想請教你,如何讓聯播的東西能有拉把把他們限制他…
可以告訴我語法要加在那嗎?
CoolPeter | May 11th, 2007 at 2:22 pm
嗨~卯月小魚你好~
拉把? 你是指像我的聯播一樣的拉把嗎? 那你可以參考一下底下這個網頁,我是參加這個聯播,他有提供程式碼與CSS的語法。或者是直接請問好手兄~ ^^
http://blog.onlyone.idv.tw/article.asp?id=177
卯月小魚 | May 11th, 2007 at 3:05 pm
謝謝…^^我懂嘍…感謝
rockxie | May 12th, 2007 at 2:05 am
good 请允许我推荐到我推网,谢谢!
CoolPeter | May 12th, 2007 at 11:26 am
嗨~rockxie~
歡迎喔~也謝謝你幫忙推薦 ^^
我推網的文章都挺不錯的~ 看了好幾篇好文章~
杏仁蛋 | May 13th, 2007 at 8:35 am
哇!謝謝你的教學呀!雖然我看的懂英文,但是我太懶啦!呵呵。
不過還是提醒一下,在第一種認領方法:發表新文章的圖片裡,post後面的中文解釋應該是:新文章內容,才對喔!只是稍微提醒一下,以免有人弄錯囉!
CoolPeter | May 13th, 2007 at 9:27 am
嗨~杏仁蛋~
謝謝你的提醒耶! 我忘記改那個說明了,等等就修正 ^^”
啪啦報報共筆部落格(Community Blog) | May 13th, 2007 at 11:04 am
教學: 幫你的部落格加上絲帶小貼紙(blogsticker)…
這是一篇教學文章,想要在自己部落格放上這種特別的絲帶小貼紙的朋友,可以前往看看~…
christalchrist | May 13th, 2007 at 11:12 am
你寫ㄉ非常清楚
可能我太笨
我還在找怎樣來你這更快ㄉ方式
不用再到別人ㄉ部落格再爬來你這ㄉ方式
夏天愉快啦!!
CoolPeter | May 13th, 2007 at 11:14 am
嗨~christalchrist~
謝謝你的讚美~不過筆者不太懂耶 =.=” 你把筆者的這篇文章網址記錄下來之後,不就可以直接來這裡了嗎? ><”?
也祝你夏天愉快喔~ 我愛夏天~
寂寞城市DJ | May 14th, 2007 at 4:29 pm
噗!
無名小站是不是不能使用此絲帶?
CoolPeter | May 14th, 2007 at 7:42 pm
這個嘛~應該是可以吧~ 只是可能要加入什麼VIP的???
BlogSticker 部落格絲帶貼紙:免費資源網路社群 | May 18th, 2007 at 8:52 pm
[...] 教學: 幫你的部落格加上絲帶小貼紙(blogsticker) [...]
sarita | May 22nd, 2007 at 12:05 pm
請問pixne是不是不適用
因為我試了
不能使用…..真傷心!!!
CoolPeter | May 22nd, 2007 at 4:30 pm
嗨~sarita~ 筆者沒有在用pixnet~所以~可能幫不上忙 >< "
要不然,應該可以去問問看艾瑪~
http://blog.pixnet.net/amarylliss
感覺她還蠻會用這些部落格工具的~ ^^”
查理 | May 28th, 2007 at 9:49 am
我是pixnet使用者,前天看到此篇教學後,很開心的用了,不過今天一早起來絲帶就不見了,該網站也連不上說 ……
CoolPeter | May 28th, 2007 at 10:09 am
嗨~查理~
謝謝你的提醒~ 要不然我自己還沒注意到不見了 @@”
剛剛連過去那個站~的確掛了 @@” 等待ing…
小可 | June 2nd, 2007 at 10:56 pm
請問你的小貼紙語法是什麼
我家要加你的貼紙耶
CoolPeter | June 3rd, 2007 at 10:49 am
嗨~小可~
我的小貼紙網址如下:
http://www.sharecool.org/sharecoolorg_88×31.gif
http://www.sharecool.org/sharecoolorg_120×60.gif
http://www.sharecool.org/sharecoolorg_200×100.gif
語法應該跟你貼其他小貼紙一樣,只是把圖片的網址改成上面其中一個就可以了 ^^
然後網站的網址也要改成酷玩意的網址: http://www.sharecool.org/
謝謝小可囉~
[隨筆]跟部落格很有關係的一個星期-酷玩意部落格(sharecool.org) | June 15th, 2007 at 8:39 pm
[...] 教學:幫你的部落格加上絲帶小貼紙(blogsticker) [...]
[總匯]部落格經營與賺錢(更新中)-酷玩意部落格(sharecool.org) | June 23rd, 2007 at 4:44 pm
[...] 教學:幫你的部落格加上絲帶小貼紙(blogsticker) [...]