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

07051012.jpg

blogsticker提供了一項絲帶小貼紙的服務,這種小貼紙跟一般的小貼紙不太一樣,大家可以看看左上方的「Made in Taiwan」的國旗絲帶小貼紙,這樣的絲帶小貼紙比起一般的小貼紙更為顯眼,而且可以自己把設計稿寄給blogsticker,請他們放到貼紙樣板中~讓支持某一項活動的朋友一起共襄盛舉,真的是蠻不錯的服務喔~

想試試看嗎? 可以看看底下的教學:

1. 第一步: 連上blogsticker,點選右側的「Sign up now!」,申請新帳號。

07051001.jpg

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

07051002.jpg

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

07051003.jpg

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

07051004.jpg

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

07051005.jpg

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

07051006.jpg

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

07051007.jpg

8. 第八步: 接著需要認證剛剛填寫的部落格是否真的是自己的部落格,blogsticker提供三種方法來驗證這件事情,如下:

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

07051008.jpg

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

07051009.jpg

10. 第十步: blogsticker會偵測你的部落格種類,像筆者的就是WordPress,接著他會提示你該怎麼把小貼紙的程式碼加入部落格中,基本上就是將該段程式碼放到head標籤底下一行即可。

  • WordPress:修改模版中的header.php,裡面就能找到head標籤
  • Blogspot:請就「模板」->「修改Html」將語法貼在head標籤下面
    Yam天空:「功能設定」->「自訂欄位」->「加入javascript」->貼上「http://www.blogsticker.net/xxxx.js」即可
  • 樂多:「Blog基本管理」將整段語法貼入部落格的說明欄位中即可。

(Blogspot, Yam天空與樂多的使用方法是參考自幫你的部落格綁上「捍衛樂生」的絲帶(修正版))

07051010.jpg

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等等…

07051011.jpg

本篇文章目前共有 31 個留言

  1. 1

    zero | May 10th, 2007 at 11:40 am


    真是好玩^^
    很有趣的是,可以看到有幾個部落格跟你擺一樣的樣式
    像現在台灣這個大概是26個部落格

  2. 2

    CoolPeter | May 10th, 2007 at 12:09 pm


    對啊~ 就在同時又增加一個囉~ 27個了。

    不過好像不能看是哪些部落格放了一樣的絲帶小貼紙耶…如果可以的話就更有趣了~ 等之後有大比賽或是一些抗議活動的話,這個網站的服務就很方便啦~

  3. 3

    antiquepig | May 10th, 2007 at 3:29 pm


    css裡找不到head勒 怎麼辦?? @@

  4. 4

    zero | May 10th, 2007 at 3:29 pm


    剛剛發現,在blogger.com的版面配置裡
    就會直接顯示這個小貼紙了,很有趣呢

    不過部落格中文名顯示不出來,現在也不知怎麼改…

  5. 5

    CoolPeter | May 10th, 2007 at 4:10 pm


    嗨~antiquepig~
    不是找css喔~ 不過我沒用過pixnet,不太清楚該怎麼放? -.-”
    但是剛剛我補充了幾種部落格的放置方式,你可以參考看看~ 可能會有幫助喔~ 如果之後可以了,再請教你是怎麼放的吧~ ^^

  6. 6

    CoolPeter | May 10th, 2007 at 4:20 pm


    zero是說直接在blogger.com的後台設定就可以申請這種小貼紙喔? 這麼方便啊? ^^” 另外,中文部落格名稱會變成亂碼的問題,我也不知道該去哪改呢~ 但是變成亂碼好像沒差耶~ 找不到有用同樣小貼紙的部落格列表…

  7. 7

    zero | May 10th, 2007 at 4:41 pm


    不是耶,是這種樣子^^

    設定完後,在後台也可以看到

  8. 8

    CoolPeter | May 10th, 2007 at 4:50 pm


    喔喔~了解了~ 順便幫你加上img標籤,直接顯示。不曉得用Widget的wordpress模板是不是也會這樣…

  9. 9

    christalchrist | May 10th, 2007 at 5:14 pm


    上面ㄉ認證馬我看ㄉ很不清楚咧
    不過
    這不是重點
    重點是
    你寫ㄉ很清楚耶
    非常ㄉ清楚
    可惜我眼睛走到收認證信後就迷路了
    希望我下次還找ㄉ到這邊看邊弄
    今天愉快嘿
    (就知道我認證馬會牽錯)
    (好在事先有先copy起來)

  10. 10

    CoolPeter | May 10th, 2007 at 5:29 pm


    嗨~christalchrist~
    我自己也常會看不懂發表文章前的認證碼 ><” 所以我自己也常會先複製一份留言…看樣子我得改一下認證碼的外掛了~

    另外~收到認證信後的步驟就迷路喔~ 那我等等看看有沒有哪裏沒寫清楚? 在修改一下~ 謝謝你的建議喔 ^^ 也祝妳心情愉快啊~

  11. 11

    卯月小魚 | May 11th, 2007 at 2:17 pm


    你好我想請教你,如何讓聯播的東西能有拉把把他們限制他…
    可以告訴我語法要加在那嗎?

  12. 12

    CoolPeter | May 11th, 2007 at 2:22 pm


    嗨~卯月小魚你好~
    拉把? 你是指像我的聯播一樣的拉把嗎? 那你可以參考一下底下這個網頁,我是參加這個聯播,他有提供程式碼與CSS的語法。或者是直接請問好手兄~ ^^

    http://blog.onlyone.idv.tw/article.asp?id=177

  13. 13

    卯月小魚 | May 11th, 2007 at 3:05 pm


    謝謝…^^我懂嘍…感謝

  14. 14

    rockxie | May 12th, 2007 at 2:05 am


    good 请允许我推荐到我推网,谢谢!

  15. 15

    CoolPeter | May 12th, 2007 at 11:26 am


    嗨~rockxie~
    歡迎喔~也謝謝你幫忙推薦 ^^

    我推網的文章都挺不錯的~ 看了好幾篇好文章~

  16. 16

    杏仁蛋 | May 13th, 2007 at 8:35 am


    哇!謝謝你的教學呀!雖然我看的懂英文,但是我太懶啦!呵呵。
    不過還是提醒一下,在第一種認領方法:發表新文章的圖片裡,post後面的中文解釋應該是:新文章內容,才對喔!只是稍微提醒一下,以免有人弄錯囉!

  17. 17

    CoolPeter | May 13th, 2007 at 9:27 am


    嗨~杏仁蛋~
    謝謝你的提醒耶! 我忘記改那個說明了,等等就修正 ^^”

  18. 18

    啪啦報報共筆部落格(Community Blog) | May 13th, 2007 at 11:04 am


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

    這是一篇教學文章,想要在自己部落格放上這種特別的絲帶小貼紙的朋友,可以前往看看~…

  19. 19

    christalchrist | May 13th, 2007 at 11:12 am


    你寫ㄉ非常清楚
    可能我太笨
    我還在找怎樣來你這更快ㄉ方式
    不用再到別人ㄉ部落格再爬來你這ㄉ方式
    夏天愉快啦!!

  20. 20

    CoolPeter | May 13th, 2007 at 11:14 am


    嗨~christalchrist~
    謝謝你的讚美~不過筆者不太懂耶 =.=” 你把筆者的這篇文章網址記錄下來之後,不就可以直接來這裡了嗎? ><”?

    也祝你夏天愉快喔~ 我愛夏天~

  21. 21

    寂寞城市DJ | May 14th, 2007 at 4:29 pm


    噗!

    無名小站是不是不能使用此絲帶?

  22. 22

    CoolPeter | May 14th, 2007 at 7:42 pm


    這個嘛~應該是可以吧~ 只是可能要加入什麼VIP的???

  23. 23

    BlogSticker 部落格絲帶貼紙:免費資源網路社群 | May 18th, 2007 at 8:52 pm


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

  24. 24

    sarita | May 22nd, 2007 at 12:05 pm


    請問pixne是不是不適用
    因為我試了
    不能使用…..真傷心!!!

  25. 25

    CoolPeter | May 22nd, 2007 at 4:30 pm


    嗨~sarita~ 筆者沒有在用pixnet~所以~可能幫不上忙 >< "
    要不然,應該可以去問問看艾瑪~
    http://blog.pixnet.net/amarylliss

    感覺她還蠻會用這些部落格工具的~ ^^”

  26. 26

    查理 | May 28th, 2007 at 9:49 am


    我是pixnet使用者,前天看到此篇教學後,很開心的用了,不過今天一早起來絲帶就不見了,該網站也連不上說 ……

  27. 27

    CoolPeter | May 28th, 2007 at 10:09 am


    嗨~查理~
    謝謝你的提醒~ 要不然我自己還沒注意到不見了 @@”
    剛剛連過去那個站~的確掛了 @@” 等待ing…

  28. 28

    小可 | June 2nd, 2007 at 10:56 pm


    請問你的小貼紙語法是什麼
    我家要加你的貼紙耶

  29. 29

    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/

    謝謝小可囉~

  30. 30

    [隨筆]跟部落格很有關係的一個星期-酷玩意部落格(sharecool.org) | June 15th, 2007 at 8:39 pm


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

  31. 31

    [總匯]部落格經營與賺錢(更新中)-酷玩意部落格(sharecool.org) | June 23rd, 2007 at 4:44 pm


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

我要留言