[ICON]更改部落格網址前小圖教學

↘ about blogsmilejean6

給個讚

[ICON]更改部落格網址前小圖教學 @紫色微笑 Ben&Jean 饗樂生活

這是為了好玩做的，沒想到會成功的一個部落格小玩意，它的用意呢?!除了讓人看來像專業的網站之外，另一個原因就是”爽”!!

先說明，我只在痞客邦實驗成功，無名VIP當然是不可能的任務，別浪費力氣。
顯示icon可以在IE及火狐看到，如果沒有被先加入「我的最愛」有些電腦可能無法顯示喔!
再者，先準備一張你喜歡的圖案，越簡單越好，
否則，一張16*16的ICO檔小圖，太複雜，誰也看不懂^^”

一、進入favicon ：不需要註冊的線上製作ICON圖示的網站。

[ICON]更改部落格網址前小圖教學 @紫色微笑 Ben&Jean 饗樂生活

[ICON]更改部落格網址前小圖教學 @紫色微笑 Ben&Jean 饗樂生活

黃色斜線格子，就是透明。
選取顏色，點到修改版面，就可以修圖。
下面［修改後縮圖］可以看即時的圖案，也就是ICON圖案。

 
[ICON]更改部落格網址前小圖教學 @紫色微笑 Ben&Jean 饗樂生活

完成後，下載ICON到電腦裡。

[ICON]更改部落格網址前小圖教學 @紫色微笑 Ben&Jean 饗樂生活

二、上傳icon至網路空間

我查過了好像香港雅虎、衛比斯支援ICON，但是我前者失敗，所以用後者。

不用註冊，方便快速!

[ICON]更改部落格網址前小圖教學 @紫色微笑 Ben&Jean 饗樂生活

[ICON]更改部落格網址前小圖教學 @紫色微笑 Ben&Jean 饗樂生活

三、將上傳後的ICON網址複製下來，貼到部落格

開啟部落格後台>>部落格>>基本/進階設定>>部落格描述

加入語法<link rel=”shortcut icon” href=”ico圖片網址“>，如下圖:

[ICON]更改部落格網址前小圖教學 @紫色微笑 Ben&amp;Jean 饗樂生活

四、成功!!

延伸閱讀:
2008.07.28 [部落格小玩意]Stuff a Blog隨機播放文章
2008.05.15 [部落格密技]部落格跑馬燈示範
2008.01.03 [部落格密技]pixnet快速貼超連結的方法
2007.01.29 [部落格密技]aNobii網路書櫃
2006.11.14 [部落格密技]寬景照捲軸效果
2008.09.13 [照片處理]免費PhotoFunia封面製作
2007.02.26 [光影魔術手密技]六欄郵票式照片

延伸閱讀

Klook.com
Post Views: 18
6 comments

  1. 這個不錯耶！xuite有支援嗎？
    版主回覆：(04/22/2009 12:18:38 AM)
    不知耶~~~試試吧~~

  2. 真是好人啊~~還有翻譯呢
    通常我只要看整篇是英文
    就跳過不學
    嘻
    版主回覆：(04/22/2009 12:18:16 AM)
    英文啊，就跟妳小孩說，媽媽給妳機會教育啦~~給我翻譯啦~~~~

  3. 好讚ㄟ！
    之前就在想說網址前的圖示是怎用的咧~
    原來如此~~
    改天來玩玩、試試^^

  4. 嗚 ~ 無名是不可能的任務><
    (淚奔)
    版主回覆：(04/26/2009 07:43:49 PM)
    哈哈，好康的就留給痞客邦吧

  5. 您好啊！我研究了半天，本來就是電腦白痴，終於鼓起勇氣試了…但是我的布落格顯示不出icon，倒是復製的那個網址顯示在網頁了…
    老師，就麻煩您再教教我這個電腦白痴吧！感恩啦！謝謝啦！
    版主回覆：(06/03/2010 11:31:45 PM)
    恭喜你成功啦^^

  6. 那個免費的空間壞了:(
    改用google code吧!
    版主回覆：(06/03/2010 11:30:21 PM)
    謝謝老弟

Comments are closed.