快速社群網站圖示icon產生器!分享按鈕、經營部落格必備工具,超實用推薦。

Perfecticons
經營部落格或網站必備的社交logo圖示,只要利用Perfect Icons這個網站,一鍵就能產生多個熱門的社群按鈕,舉凡Facebook、推特、Instagram、Google+、Yahoo…等款式,除此之外還能隨你的喜好調整分享按鈕的大小和圓角(正方形、圓形),超方便就能讓網友直接追蹤部落格與連絡互動呢~


Perfect Icons免費社群Icon製作網頁

♦Perfect Icons:Perfect Icons社群Icon產生器
(已失效,可改用Sharingbuttons社群按鈕語法產生器)


Perfect Icons產生社群按鈕教學

社群工具產生4

▼進入Perfect Icons社群Icon產生網頁,首先先選擇你要的圖示大小,圓角、圖示的間隔距離、按鈕顏色等~~隨個人喜好任意調整。
社群工具產生1

▼填入你的網址。點下方Add Icons還能新增更多常見的社群網站連結圖案。
社群工具產生2

▼熱門的Facebook臉書、Twitter推特、Instagram、Google+、信箱、Skype社群、Wordpress、Blogger通通都有。
社群工具產生3


Perfect Icons放置教學

完成上方的Social Link後,就開始將社群按鈕塞到你的網頁中囉。

▼首先1.先將socicon.zip下載與解壓縮後將檔案放入網站的後台空間。2.將CSS全部貼到網站的主題編輯內,並將內文中PATH_TO改成剛剛存放檔案的路徑。
社群工具產生5

▼3.將HTML社群連結按鈕的語法貼到你要顯示的地方就可以囉。
社群工具產生6

▼如下方,是不是很精緻呢!比較可惜的是LINE的加為好友內建並沒有,但還是能自己手動新增製作,只要擁有LINE 個人專屬URL網址或者透過LINE 官方帳號,放入連結URL和LINE的圖片,一樣可以做成社群外連的效果~(也可參考→在網頁加入「用LINE傳送」按鈕教學)

  • 加入LINE好友


經營部落格延伸閱讀

♦在部落格或網站放入Facebook Like:嵌入FACEBOOK粉絲專頁,按讚視窗教學
♦[email protected]生活圈:[email protected] 官方帳號申請教學
♦查詢個人的LINE 網址:LINE 個人專屬URL網址

Ten articles before and after

IG限時動態「我的這一天」,教你怎麼回顧歷史上的今天!看1年前、2年前…過去的IG貼文。

InFrame照片加入邊框App-有IG外框、陰影、白邊、立體和模糊背景框。(Android、iOS)

邊聽歌邊看歌詞!MiniLyrics免費歌詞播放器,在電腦聽音樂自動抓歌詞。(Windows、Mac、App)

【照片製作成影片App】Salad Video影片生成‪器-選擇多張圖片,免費套用模板做影片。(iOS)

不用直接拍!可從相簿內匯入拍好的照片/影片,在套用IG限時動態濾鏡~小密技教學。

WirelessKeyView幫你找出WiFi密碼是多少!免費的無線網路密碼檢視器。(Windows)

萬用手機遙控器App-用WiFi就能控制電視、機上盒,沒紅外線也能用!Universal Remote Control教學。(Android)

Photoshop Express線上修圖軟體!免安裝PS網頁版,免費照片編輯工具。

Unified Remote手機控制電腦開/關機App,當成Win/Mac遙控器、移動滑鼠、切換視窗和鍵盤打字。(Android、iOS)

BarCode Generator免費的條碼製作軟體,批次產生大量的一維/二維條碼,可自訂樣式和字體。(Windows)