Godaddy 加油好嗎？不可思議之當機事件

今日下午 13:36 購買了 Godaddy 的建站方案，卻發生了一件鳥事。

當輸入完管理者帳戶資訊後，進入設定模式！

Godaddy 然後就挫賽了！

向客服反應，客服說是北美的問題，但仍解決。

經過了 3 小時，還是挫賽。進度一直停留在  65%

Godaddy ，GOGOGO，加油好嗎？

異常擱置的時間要賠給客人嗎？

只能繼續等，看看到最後拖了多久解決。

後記：

經過 4 小時，還是挫賽。

經過 7 小時，終於好了！

Bootstrap form-check-inline not working?

<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
  <label class="form-check-label" for="inlineRadio1">1</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
  <label class="form-check-label" for="inlineRadio2">2</label>
</div>

Above example is from the bootstrap online document. However, the radio button doesn't appear in the same line.

Just remove the class "form-check". Then it works!

<div class="form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
  <label class="form-check-label" for="inlineRadio1">1</label>
</div>
<div class="form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
  <label class="form-check-label" for="inlineRadio2">2</label>
</div>

CC0/免費圖片無版權/可商用圖片網站

Photo via Shane Adams, CC License

工作上有需要使用各式各樣的圖片？需要可以商用的版權？除了付費的網站以外，還可以選擇以下網站，取得免費並且可以商用的圖片/影片。

Burst, Free Stock Photos: High-Res Images for Websites & Commercial Use

Canva, Free Stock Photos - Canva 

CUPCAKE, Free images for commercial use

Foter, Premium Royalty-Free Stock Photos From The Foter Community

Freeimages

Getty Images

Gratisography

Kaboompics

Life Of Pix

Magdeleine

Pexels, Free stock photos

Photo Pin

PicJumbo

Pixabay, Stunning free images

StockSnap

STOKPIC

Unsplash

Visual Hunt

如何在網頁上增加 Google 翻譯

共 2 步驟：

Step 1: 新增一個 <div> ， id 名稱為 "google_translate_element"

<div id="google_translate_element"></div>

Step 2: 增加一段 script

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

WordPress 在手機檢視下怎麼突然變寬？

開發再增加了 Facebook Like Plugin 之後，WordPress 在手機檢視下變得更寬，怎麼回事？ 答案當然是 Facebook Like 的外掛參數設定。但到底是那裡出錯呢？

2017 Google News 改版觀察

2017 Google News 終於改版

Google News 確立版塊風格

最近 (2017/7) Google News 的改版，我相信有很多的新元素加入。但我只想記錄我所觀察的重點。

寫給初學者的「什麼是 SEO ？」

SEO 就是提升網站流量的關鍵技術

SEO，是搜尋引擎最佳化(Search Engine Optimization)的英文縮寫。這是什麼意思呢？簡單地說，就是讓「網站」在設計製作時，透過內容的調整，提升「搜尋引擎」對於網站的積分，進而提升「自然搜尋結果」的排序，讓網站得到更多的「流量」、「流量」、「流量」。

各國訪客計數器 – Flag Counter

Flag Counter – 這是一個有趣的小工具，統計你的網站訪客來自那個地區。如果你有機會跑到一些特別的國家時，別忘了也要連回來你的官網，就會出現那個國家的國旗呦！

安裝方式很簡單，只要嵌入一段程式碼即可。

以下是官網的介紹：

Add our free counter to any webpage and collect flags from all over the world. Every time someone from a new country visits your website, a flag will be added to your counter. Not only will this make your site far more interesting, but clicking on your Flag Counter will reveal amazing information and charts!

https://flagcounter.com/

設定完之後，就會開始記錄並且顯示你的訪客資訊囉！

這是放大後的圖，所以解析度糟了點。

WordPress 無預兆變慢？

載入 WordPress 很慢？怎麼一回事？以下開始整理曾經遇過的問題。

官網還有 Flash 嗎？趕快換裝吧 ~

當 Google 家的 Chrome 登高一呼，相信流覽器市場上很快地就可以看見其他人也會跟進。事實上，在行動裝置上幾乎都是無法透過流覽器看到任何 Flash 的動畫效果；如今桌機也將關閉 flash 的最後一扇窗。

如何將新網站的網址登錄到搜尋引擎

完成了一個網站，註冊好網域，當然也要順便登錄到重要的搜尋引擎！來看看最重要的 Google 與 Bing 這兩大搜尋引擎登錄連結。連過去之後，只要貼上您的網址就大功告成。

Google
https://www.google.com/webmasters/tools/submit-url?hl=zh_TW


Bing
http://www.bing.com/toolbox/submit-site-url

(Photo via SEOPlanter / How to Search Engine Optimization, CC License)