網址列的網頁小圖示(電腦)

不成熟女子的部落格前面有個大大的『不』啦!網頁前面出現的小圖叫icon,更改icon後的好處是不僅讓部落格風格更鮮明,也希望不成熟女子的部落格網頁icon更改後,在加入頁籤和我的最愛之後變得很容易找到!

第一步、製作專屬icon


所有的icon都是以16*16的規格製成

http://www.favicomatic.com/這個網站的話從製作到檔案下載一次完成

網站具有16*16模板,旁邊可以選色(而且會出現色號),在畫的同時,favicon的頁籤就會更著改變,可以直接看到圖形縮小放到網頁後的感覺,非常方便。

網頁圖示icon製作

調整到滿意的狀態後就可以下載favicon檔案

網頁圖示icon製作

除此之外,也可以上傳已經有的圖檔,再進一步作修飾轉檔。

網頁圖示icon製作

第二步、上傳icon到網路空間


到痞客邦的舊後台,點選左側網域設定,然後上傳剛剛下載的favicon檔案後,按下儲存,重新整理部落格的圖示就出現了~

上傳icon到網路空間

我的不成熟女子的『不』

0.jpg

 

 

5 Comments

  1. 石凱洛

    2018 年 2 月 4 日 at 上午 7:18

    部落格網頁圖示?
    有一點複雜~~凱洛有一點點不太懂(抱歉~電腦白痴
    版主回覆:(02/05/2018 03:07:38 PM)
    應該是我講不清楚,就是新增第一張圖片那個小icon喔
    還是凱若是都用手機看才不知道呢~

  2. 石凱洛

    2018 年 2 月 5 日 at 下午 11:59

    再看一次~大概有懂了
    是說~不曉得哪邊有可愛圖檔
    凱洛都用電腦逛格子~手機用來看留言
    謝謝菲比分享^^
    版主回覆:(02/07/2018 11:09:49 PM)
    可以自己上ttp://www.favicomatic.com/畫看看壓:)

  3. 小編日記

    2018 年 2 月 7 日 at 下午 2:48

    菲比真的是痞客邦小老師XD
    完全不知道這也可以換~~~
    版主回覆:(02/07/2018 11:10:32 PM)
    過獎,還有很多要學的!

  4. 艾蕾網路創業日記

    2018 年 5 月 25 日 at 上午 9:27

    學習了

  5. 曾宇正

    2019 年 4 月 12 日 at 上午 6:40

    解鎖一個新姿勢!

Leave a Reply