2009年2月24日 星期二

Blogger中加入表情符號

相信不少網友都曾經看到也曾經羨慕那些BLOG有表情符號的BLOG,筆者也是有那麼一點點點羨慕,所以就上網Google了一下,在http://y1010b.blogspot.com/2007/06/blogger.html發現了加入表情符號的方法。



相當的方便唷!只要將連結加入到我的最愛,然後在張貼文章的編輯過程
在點下之前加入的連結,他的程式就能順利嵌入的的編輯區塊呢!!
而我的作法就直接把這個連結拖曳到快捷列,如下圖
未命名 - 4

所以在BLOGGER上編輯文章的時候,按下上圖的按鈕之後,就會出現表情符號的選單,如下圖
未命名 - 5

這雖然簡單,相信多數人還是會比較喜歡有自己的表情符號,以下就提供修改方法給大家參考:

首先,當然要自己準備好自己喜歡的表情符號,至於去哪邊尋找,相信只要利用搜尋引擎就可以找到,筆者在這邊提供一個網站給大家參考:
接下來,就請大家自己找一個網路空間存放這些表情符號的檔案,不過筆者有兩點建議:
  1. 不同系列的表情符號會有不同的檔名,所以建議大家可以利用批次改檔名的程式,將自己的表情符號檔名改成流水號,例如:0001.gif 0002.gif .........
  2. 這些表情符號儘量不要上傳到會自動更改檔名的空間,例如Flickr....
當圖片都上傳到網路空間之後,就可以來修改設定,先請大家先看看快捷列上的連結長什麼樣子,如下圖:

未命名 - 2

未命名 - 1

是由一堆語法所組成,其中還有一個網頁連結,呵呵~相信聰明的網友也發現端倪所在了,筆者把整個連結複製如下:


javascript:var%20oScript=document.createElement('script');oScript.src='http://billconan.googlepages.com/hahablogger.js';void(document.body.appendChild(oScript));

上面那些語法筆者將網址的地方特別用底線標示出來....沒錯,就是這個babablogger.js在處理整個表情符號的,所以現在我們只要將這個檔案下載回來,就可以來做個人化的修改。修改步驟如下:

  • 下載babablogger.js,利用記事本開啟上面這個檔案,並且尋找下面這段語法
var maomaoIconURL=new Array(
'http://billconan.googlepages.com/11.gif',
'http://billconan.googlepages.com/12.gif',
'http://billconan.googlepages.com/13.gif',
'http://billconan.googlepages.com/14.gif',
'http://billconan.googlepages.com/15.gif',
'http://billconan.googlepages.com/16.gif',
'http://billconan.googlepages.com/17.gif',
'http://billconan.googlepages.com/18.gif',
'http://billconan.googlepages.com/19.gif',
'http://billconan.googlepages.com/110.gif',
'http://billconan.googlepages.com/111.gif',
'http://billconan.googlepages.com/112.gif',
'http://billconan.googlepages.com/113.gif',
'http://billconan.googlepages.com/114.gif',
'http://billconan.googlepages.com/115.gif',
'http://billconan.googlepages.com/116.gif',
'http://billconan.googlepages.com/117.gif',
'http://billconan.googlepages.com/118.gif',
'http://billconan.googlepages.com/119.gif',
'http://billconan.googlepages.com/120.gif',
'http://billconan.googlepages.com/121.gif',
'http://billconan.googlepages.com/122.gif',
'http://billconan.googlepages.com/123.gif',
'http://billconan.googlepages.com/124.gif',
'http://billconan.googlepages.com/125.gif',
'http://billconan.googlepages.com/126.gif',
'http://billconan.googlepages.com/127.gif',
'http://billconan.googlepages.com/128.gif',
'http://billconan.googlepages.com/129.gif',
'http://billconan.googlepages.com/130.gif',
'http://billconan.googlepages.com/1.gif'

);
  • 大家所看到的這段語法就是預設圖案的地方,這時候只要網友修改成自己上傳表情符號的網址,存檔就完成babablogger.js的修改。
  • 將babalogger.js上傳到自己的網路空間。
  • 最後將下圖紅色框框地方的網址改成存放babablogger.js的網址即可。

未命名 - 1


來看看筆者自己修改後的表情符號吧~~~
未命名 - 7

沒有留言:

張貼留言