Home » 線上產生器 » 線上圖片產生器 » 快速社群網站圖示icon產生器!分享按鈕、經營部落格必備

快速社群網站圖示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粉絲專頁,按讚視窗教學
♦LINE@生活圈:LINE@ 官方帳號申請教學
♦查詢個人的LINE 網址:LINE 個人專屬URL網址