淺顯易懂的線上CSS教學

學習 CSS 版面配置 doggy8088.github.io

原本內容是國外的線上CSS教學,線在已經翻譯成中文版,更容易學習了!

使用 Javascript 讓區塊或圖片變成灰階

1. 使用 grayscale.js 套件 http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/

2. http://www.pixastic.com/lib/ 這個看起來也不錯


山田かみら: CSS 好像已經可以達成了

Blogger 調校資料庫: 無法每個瀏覽器版本都支援 部落格如果不在意 IE 市場就沒問題~

請問網站一夕變成黑白色系是怎麼弄得??

請問網站一夕變成黑白色系是怎麼弄得?? 
找到的語法:
http://ahuiliao.pixnet.net/blog/post/28575474-網站黑白化-css-語法/

1. 備份範本
2. 後台→ 範本→自訂→進階→ 新增CSS


Wayne Fu: 可以 google "灰階 js"

Blogger 調校資料庫https://plus.google.com/b/105417315393375153683/105417315393375153683/posts/7rMrxPS5jmt
〈台北都會〉北市府致哀 網站變黑白 - 地方 - 自由時報電子報
北捷案震撼全台,台北市政府昨天罕見的將官方網站(http://www.taipei.gov.tw/)整個改為黑色,並在左方Logo圖標旁邊放上黑色絲帶,北市府表示,黑白版網頁將會持續一週左右,表達默哀...

blogger發佈文章時, 自動同步到Facebook或Google+

請問一下有哪個服務是可以在blogger發佈文章時, 自動同步到Facebook或Google+, 而且又是免費的嗎? 之前是用Symphony但現在要收費了...


面壁王澳西諾
有試過Buffer嗎? 
https://bufferapp.com/?utm_campaign=weekly_digest_email_logo

林小飛
感謝回答,剛去註冊了帳號,但找不到要怎麼設定Blogger帳號,是不支援嗎?

企業號航行網誌
buffer 好像沒有自動同步

我建議用 IFTTT

面壁王澳西諾
+林小飛可以啊! 你註冊帳號之後到account裡面就可以設定google帳號(專頁也可以),然後再設定排程裡面將星期一到星期日都勾選起來(就是亮藍燈),之後設定排程自動po文時間,之後有新文章就會在你設定的排程時間裡發佈到FB等平台上了。

面壁王澳西諾
對吼~我都忘了還有IFTTT  ! 那真的還是企業號的建議最好...因為全自動化還是他最好用! 

面壁王澳西諾
+林小飛 sorry阿~好像沒幫上你^^"

林小飛
別醬說, 分別謝謝兩位囉

Wayne Bot
同步到 g+ 在 blogger 後台就有選項
同步到 FB 如以上討論,用 ifttt

林小飛2014年5月24日
昨晚試了IFTTT, 真的還不錯, 設定也不難, 謝謝各位的推薦

揪出抄襲者的幾個方法

努力創作很重要,保護心血也很重要,有需要的朋友就收著用吧!
補充:揪出抄襲者的幾個方法 - phyllis productions
歡迎交換意見,惟網路小白橫行,故恕不開放匿名留言,欲留言請先申請 Google 帳號,為自己的發言負起法律責任。若您欲張貼網址,請使用 html 語法,以免本站版型被過長的網址撐開,謝謝。...

Blogger 相關文章 V2__安裝懶人包

[小工具]Blogger 相關文章 V2__安裝懶人包
新版的 Bloggger 相關文章,除了安裝方式懶人化,還多了以下主要變更:1. 抽樣方式進化 2. 任意尺寸縮圖進化 3. 圖片可在大陸顯示 4. CSS 可自訂...
這個 Blogger 相關文章小工具,除了安裝簡單,比起常見的 linkwithin,還有許多優點:

1. linkwithin 是 "隨機" 文章,這個小工具是真的 "相關" 文章,會從該文章的所有標籤之中,隨機抽樣標籤所屬的文章。

2. linkwithin 只能使用正方形縮圖,這個小工具可以使用各種尺寸的縮圖,且裁切效果很好。

3. 這個小工具有 "更多相關文章" 按鈕,能顯示更多相關文章。

想跟別人家的相關文章看起來不一樣,推薦來安裝試試看!


Orsino Sung (澳西諾)
超美觀超好用哦~ 推!!!!!

Julius Zhan
請問 Youtube 影片縮圖不能裁切
有解嗎?

Wayne Fu
+Julius Zhan 能提供範例網頁嗎?

Julius Zhan
網頁不一定美次都會抓到 Youtube 吔
我弄擷圖好了

Julius Zhan
詳細情形留言該文章留言板

https://plus.google.com/u/0/photos?pid=6016989749157102914&oid=100316051086815772157&authkey=CNHrtLfrpvOjtAE

又來題問 & 回報了

這小工具能在原視窗開起連結嗎?
預設會在新頁面開連結

回報是同一篇文章放有圖片與 Youtube
縮圖 100% 不抓圖片 (圖片在前)
舊版的會抓圖片

Wayne Fu
+Julius Zhan "同一篇文章放有圖片與 Youtube
縮圖 100% 不抓圖片 (圖片在前)" → 請給我一個範例網址,看看 feed 長什麼樣子~

"這小工具能在原視窗開起連結嗎?
預設會在新頁面開連結" → 只好請你另外寫個 jquery, 在 $(window).load() 以後,把超連結的  target="_blank" 屬性去掉了~

Julius Zhan
在 TEST 00 多弄幾個文章給您看看 feed
有時候縮圖會抓到圖片
抓到 Youtube 比較多
http://juliuszh.blogspot.com/2014/05/test-00.html

Wayne Fu
+Julius Zhan 應該解決了,請見文章的回覆~

Ching Hung(洪靖)
+Wayne Fu Fu 大,我昨天換了圖源(為了增加專頁的瀏覽量)之後,「相關文章」都抓不到圖片,只能顯示預設圖片,不知道為什麼?有解嗎?

Wayne Fu
+Ching Hung - HOT PoT 抓不到圖片表示部落格 feed 抓不到縮圖資料,可能性有很多種,圖床不對、格式不對、隱私權設定不對...。要讓 Blogger 抓到縮圖,最簡單的方法是文章裡第一張圖片,從後台編輯文章的畫面上傳,就絕對抓得到了。

Ching Hung(洪靖)
+Wayne Fu 謝謝解答。問題應該就是出在我不是從後台編輯直接上傳,而是把圖床搬到 G+ 專頁之後,直接換掉圖片連結。

Ken CHEN
+Wayne Fu請問,這個功能在行動版上會顯示嗎?

Wayne Fu
+Ken CHEN 這個問題跟你在我網站問的另一個問題算是相同的,你可以參考那篇的回答,並閱讀附上的相關連結,使用"自訂"行動版就可以。

Ken CHEN
+Wayne Fu好的!謝謝你的回覆喔!明天試試看!

流量來源心得分享

關於流量來源,因為跟 +企業號航行網誌 剛好有討論到,在此分享一下:
我個人是覺得流量要1/3直接、1/3轉介、1/3從seo來,忠實讀者還是比較重要,能夠三不五時想到我還想來我部落格走走才是成功。

這個週末參加youtube的活動最大的收穫是:「我們寧願有一個忠實的訂閱者,也不要一百個偶然觀看次數」。(因為偶然觀看次數通常會讓網站扣分)

從seo來是開拓新讀者的一種方法,但是開拓後能留著才是我們真正的讀者,否則都是過客。而且靠seo的風險很高,我剛又抓了很多盜我文章的網站....


Wayne Bot: 文章插入常用語,的確是抓盜文的好方法!

bigsishead跪婦阿冠: 一般來講,利用搜尋來的偶然流量,有時候因為時事等熱門話題搜尋增加流量,點進來後,如果剛好命中他要看的東西,可能會瞄一下,看的時間長短也會影響,如果不是他想看的東西,那就跳出增加跳出率;這樣對於搜尋引擎來講會推斷這不是優質或者不是客人喜歡的文章,當然我說扣分是嚴重了點,大致是這個意思。

可是當如果一個讀者對你有興趣有感情後,基本上,都會把文章爬完,不論當下有沒有要用到。

最近發文頻率沒降低,流量增加、訪客數也增加、跳出率跟新訪客比例都下降,平均瀏覽時間也增加,不知道為什麼我的alexa分數還下降!

企業號航行網誌: alexa 的數字你不用在意,不準確的 它只計算有安裝 alex toolbar 的人,不過因為它很多時都會 bundle 一些軟件,不小心就會安裝了,所以用戶基數都挺大,但是這不代表準確。
不過如果有一些廠商想和 blogger 合作,它們都會看一看 alex 的數字作參考,所以才說最好登記一下,填一些基本資料

Wayne Bot: 我覺得看 "不重複IP數" 會準確一些 只是廠商也要懂才行~BTW,GA 的數據如果想讓公關公司的人看,可以開放權限給特定人

企業號航行網誌: 當然 google analytic 的數目會準確得多,但這個數字並非 public,所以香港的公關公司會看 alexa 作為未正式接觸 blogger 前的參考

香港的公關公司看完 alexa 的排名後,覺得合適就會正式接觸那個 blogger 並要求看 GA 的數據 香港的 beauty blogger 界的公關最要求 GA 的數據

bigsishead跪婦阿冠: 公開的就pr跟alexa~~
即便網站上放的流量也可以洗,只有GA比較準吧!

企業號航行網誌: 當然 GA 準得多,但未拿到 GA 數據前會先看 alexa,香港某些類別的 blogger 如美容 blogger 人數太多了,所以會以 alexa 數據先行揀選一批
這是香港公關公司 / 傳媒 的習慣,因為外人很難得知網站受歡迎程度

善用Google Analystics,追蹤EDM行銷效益



http://blog.newsleopard.com/2013/05/21/%E5%96%84%E7%94%A8google-analystics%EF%BC%8C%E8%BF%BD%E8%B9%A4edm%E8%A1%8C%E9%8A%B7%E6%95%88%E7%9B%8A

沒有發EDM的朋友想要追蹤某網址的成效,也可使用這個工具,只要透過"網址生產器"就可以跑出追蹤連結,只不過網址會比較醜一點啦!
例如這樣:

http://www.bigsishead.com/2014/05/cubaday18-trinidad.html?utm_source=%E9%80%B1%E5%A0%B1&utm_medium=email&utm_campaign=weekly18

部落格常見錯誤著作權概念及常見授權方式

經濟部智慧財產局-網路著作權-部落格常見錯誤著作權概念及常見授權方式

【部落格常見錯誤著作權概念及常見授權方式】
近來,在有人邀稿的情形之下,我突然發現自己對於“著作權”的了解太少!尤其是部落格這一塊,簡直就是零(囧)。

所以很認真的查了一下網站,這個經濟部智慧財產局的網頁寫的很容易讓我找到我的疑問&解答,提供給大家,希望大家都能在保護好自己作品的情形之下,痛快的寫作,開心的分享。

http://www.tipo.gov.tw/ct.asp?xItem=206773&ctNode=6988&mp=1


Orsino Sung (澳西諾)
想不到慧財產局有這系列東西可看,真是長知識了!!

原來....

【許多網友為了避免將他人著作放置在部落格上可能構成著作權的侵害,經常會在上面加註「若分享內容有侵害您的著作權,請來信或留言告知,我將儘速移除相關內容」,並且認為只要著作權人來信通知時加以移除,即不會有侵權的責任。這樣的認知,誇張一點來說,就很像拿刀子戳進別人的身體裡,卻認知刀子拔出來就沒有責任是一樣的。】

所以還是要小心!!

bigsishead跪婦阿冠 
希望越來越多人有這種概念,不要東西被借被偷還覺得是在做宣傳,被拿去幫人賺錢還不知道,大家加油啦!

Wayne Bot
+Orsino Sung 加註「若分享內容有侵害您的著作權,請來信或留言告知,我將儘速移除相關內容」算是僥倖的心態,認為沒被抓到就當作沒事,而有抓到也只是移除而已,其實不痛不癢。

因此我的實務作法是,看到就直接檢舉,不會要求對方移除,直接讓對方被 google 計小過,才能杜絕僥倖的心理~

Orsino Sung (澳西諾)
+Wayne Bot  恩恩 所以那條款我看完之後也算是給自己一個警惕,之後不要犯這錯誤。 沒看到條款的話我還真的會依樣畫葫蘆(因為看很多部落格都這麼寫),然後就觸法了= =

bigsishead跪婦阿冠
可以看看這幾串:
http://www.plurk.com/p/k17dpy
http://www.plurk.com/p/k15gzv
http://www.plurk.com/p/k1auxe
還有很多,自己到噗浪看吧!

很心酸的是:「只是我很感嘆,當時寫那一系列根本沒啥反應,結果卻是被抄最多的」

Wayne Bot
+Pan Kuan 那位在社群有問過問題~原來會盜文...

Orsino Sung (澳西諾)
+Wayne Bot 真的耶! 那位小米原來是盜文大師啊!  那些頒獎給她的單位是都瞎了? 不會上網google一下的? 還是....也被她收買了?

bigsishead跪婦阿冠
+Orsino Sung 其他我不便多說什麼,畢竟我們不是事主,但就是提醒自己並且要有警覺。

Orsino Sung (澳西諾)
+Pan Kuan 恩恩,我也學到一點就是原來特意搜尋自己文章中某些段落也是一種找小偷的方式。真是又長知識了@@

bigsishead跪婦阿冠 
+Orsino Sung 因為盜文後標題他可能會改,所以要找內文。

Orsino Sung (澳西諾)
恩恩 了解了! 

bigsishead跪婦阿冠
我在查自己的文章時,看到熊痞痞這篇整篇被搬走,因為我當時有何做一兩段內容,就這樣查到了~~~
http://erdbeeremiau.blogspot.tw/2013/09/24.html

原文:http://design-forces.blogspot.com/2013/09/Beverages.html

Orsino Sung (澳西諾)
+Pan Kuan 哀 ~真的是越看會越生氣耶! 怎麼那些人可以這麼無恥的盜人心血結晶

bigsishead跪婦阿冠
+Orsino Sung 很多這種人喔!
出書的也有,這裡有原著抗戰一年的:https://www.facebook.com/photo.php?fbid=10152086076415143&set=a.10150095084755143.275660.610225142&type=1

Orsino Sung (澳西諾)
+Pan Kuan 這也太厲害了!! 我看這篇的比對文http://phyllischan.blogspot.tw/2014/05/blog-post_14.html  就發現到,這根本就是說文解字以及照樣造句綜合體,那個抄襲的根本就是把原著說的話再用自己的話加以解釋或是增減字就變自己的了,這樣出書還真是很容易呢!
(或許那個林小姐還會說~哪有! 我還要花心思想不一樣的說法這也是很累也是我的創作阿!! ) 想想真的是太可怕了!!  甚麼樣的方法都有,我真的又掉下巴了!!
閱讀完整內容

bigsishead跪婦阿冠
+Orsino Sung 現在台面上的書籍跟部落客的文章很多都是這樣,所以我沒什麼動力看他們的東西。

Orsino Sung (澳西諾)
+Pan Kuan 我剛又看了他另外一篇裝修的圖片被他自己的家裡裝修請來的木工師傅盜突然後再mobile01上面打廣告攬客的文章,真佩服她的毅力!

不過這些案例真的是看不完,我怕我看越多會越不敢再寫東西,因為真的很怕哪一天有哪一篇自己的東西被整碗捧走不知道是要告還是不要告咧! 

bigsishead跪婦阿冠
+Orsino Sung 我抓盜文是屬於月經週期,大概一兩個月會發作一次,抓一下盜文(其實也可以說是自己想知道被盜了多少,因為大部份都無法可處理)。

抓一抓之後其他時間又繼續寫,哈哈!

Orsino Sung (澳西諾)
+Pan Kuan  這是眼不見為淨的作法嗎@@? 
不過好像...一時也拿不出甚麼具體的辦法去懲罰那些人~ 無奈耶!!

bigsishead跪婦阿冠
+Orsino Sung 對呀!只能一邊抓一邊寫囉~~~
 

導致用戶離開網站的8大負面因素

分析得很仔細的一篇翻譯文章,圖表一目了然,以下是摘要:

1.令人困惑的導航
2.廣告太多
3.很難理解的內容結構
4.強迫使用音頻和視頻
5.強制註冊
6.內容枯燥,乏味的設計
7.易讀性差
8.內容更新頻率低
雷锋读图:导致用户离开网站的8大负面因素 | 雷锋网
随着人们对互联网越来越依赖,越来越多的用户已经习惯去网上寻找自己需要的产品或信息。网站的用户体验就开始变得越来越重要,从比较科学的角度出发,在满足既定开发需求之后,网站的设计应该更多地从用户的角度出发...

幾個有趣的純CSS3 Loading動畫~

http://designrockin.wordpress.com/2014/05/02/%E7%AD%89%E5%BE%85%E4%B8%8D%E5%86%8D%E7%97%9B%E8%8B%A6%EF%BC%81%E5%B9%BE%E5%80%8B%E6%9C%89%E8%B6%A3%E7%9A%84%E7%B4%94css3-loading%E5%8B%95%E7%95%AB/

等待不再痛苦!幾個有趣的純CSS3 Loading動畫~

分析你的網站與部落格的速度、品質

有部落格的朋友都該來健檢ㄧ下~~~


小小整理網站: 不過要如何改善呢?? 我的手機板悲慘55/100!!
應該是我轉成回應式網頁設計之後所造成的,現在把一些拉哩拉雜的刪掉,回到67/100了 ~

Mark X: 分析之後的修改才是頭痛的部份 :)

小小整理網站: 求神人提供壓縮html,css,js的教學,這樣分數應該可以+5吧!

bigsishead跪婦阿冠: 我覺得其實這一步就是要付費請人健檢了啦!這麼久都沒人要寫,應該就是重要到可以收費了~~~
12個網站分析工具品質速度線上即時看,還能簡單預測部落格流量 - 介入影像之介王拳
1. Google PageSpeed https://developers.google.com/speed/pagespeed/insights/ 第一個要推薦的當然要屬 Google 大神的 P...