顯示具有 電腦- 部落格-社交分享按鈕 標籤的文章。 顯示所有文章
顯示具有 電腦- 部落格-社交分享按鈕 標籤的文章。 顯示所有文章

線上查詢 FB G+ Twitter 社群分享按鈕數據 + 立即檢視 FB G+ 留言板內容

前陣子因為網站改用「 RWD 範本 」,同時在精簡 JS 外掛的前提下,移除了 FB 讚、+1 按鈕,而且 FB 及 G+ 留言板也都不使用了。 現在偶爾想要知道某篇文章的社群分享按鈕累積數據,或是那篇的 FB、G+ 讀者留言內容,就會比較麻煩一些。 於是就做了本篇的線上...

繼續閱讀全文

FB「讚」按鈕與 Google「+1」按鈕最簡單安全的安裝方式﹍可解決對齊問題

在「 Facebook 讚按鈕﹍四種安裝方式剖析 」有讀者於留言 #2 表示 "不曉得刪除了哪個小工具的語法,所有文章都不會再顯示臉書專頁的讚按鈕了"。 如果對程式碼不熟悉的話,FB 官方提供的「 HTML5 語法 」,的確有可能安裝失敗、或發生彼此打架的...

繼續閱讀全文

安裝常用社群分享按鈕 (圓形)﹍圖示字型 Font Awesome 應用

上一篇「 圖示字型 Font Awesome 進階使用方式整理 」,說明了如何利用重疊圖示,來組合出一個 FB 分享按鈕。 只做出一個不過癮,本篇要示範如何利用 Font Awesome 圖示字型,繼續做出所有常見的社群分享按鈕,例如 G+、Line、微博、噗浪、推特、郵件等...

繼續閱讀全文

圖示字型 Font Awesome 進階使用方式教學﹍製作社群分享按鈕

「 Font Awesome 」是一套把 "向量圖示" 做成字型的套件。過去為了減少網站小圖示的使用(加快網頁讀取速度),採用「 UNICODE 特殊符號 」這個方案。 而最近處理一些案子需要製作各式的 "社群分享按鈕",發現 ...

繼續閱讀全文

Blogger 自製社群分享按鈕(扁平化設計) + 動畫效果

之前曾介紹過如何「 改造 Blogger 官方分享按鈕 」,除了增加常用的熱門社群分享按鈕,也讓官方分享按鈕展現不同的風格。 在行動裝置普及之後,「 扁平化設計 」開始流行,網頁開始使用簡單的顏色、線條來設計,減少陰影、立體、複雜的圖案,最直接的好處就是「減少圖片的使用後,能...

繼續閱讀全文
TOP