讓Blogger的每篇文章，都能facebook按讚

在很多部落格，都可以看到facebook plugin，像是按讚、留言、個人或專頁資料等等，

要加入這些元件，其實很容易，只要到facebook developer的專頁，就可以看到很多，

But，若要在Google Blogger加入這些元件，需要多一些手腳。


我今天要分享的是，我如何在這個站上，文章標題的下面，加入按讚的按鈕。

如何取得程式碼

進入facebook developer頁面，點上面的Docs，然後左邊Social Plugins，可以看到很多東西，按讚的這個是Like Button。

簡單地填好表格，然後按下Get Code

可用的程式碼就到手啦~~ （欄位我就不說明了，反正下面都有預覽，看倌自己動手看看）

因為我第一時間用HTML5沒有成功，所以我用的是iframe的程式碼

藍色的部分是iframe的內容網址，紅色部分是餵給facebook的網站網址，

而看到一堆百分比符號，和&這種東西，只要知道這是處理網址列的特殊字元，就足夠了。

不對啊，這是網站的讚，不是文章的讚

如果大家把這段程式碼，貼在你的blogger裡文章裡，你會發現，所有文章的讚，全部都混成同一筆。

你如果夠聰明，就會猜到：把上面程式碼的紅色字那一串，改成個別文章的網址，就正確啦～～

直接貼上我用的程式碼吧：

藍色和紅色的部分，可分別對照。expr:src這會進入blogger的語法，用data:post.canonicalUrl可以取得該程式段代表的文章的網址。

程式貼在哪裡？

不知道不同範本，會不會不一樣，

在範本→編輯html裡，找div class='post-header-line-1這行code，我找到兩個，把那段程式碼，貼在第二個的後面，就對了！

然後我有稍微美化一點，像是iframe的margin參數，這些大家都可以自己做。


祝大家順利  :)

為什麼要設圖片，不讓我直接複製？

這不是我小氣，是因為我把html直接貼在blogger編輯器，他的處理有問題，一直錯誤。
我先把文章發出，最後再嘗試補上～～～

<iframe allowtransparency="true" expr:src="&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;appId=625944607452433&amp;layout=standard&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;" frameborder="0" scrolling="no" style="border: none; height: 35px; margin: 10px 0px 0px 0px; overflow: hidden; width: 450px;">

台北千島湖｜遊記及攻略

其實很以前，就聽說北宜公路石碇段，欣賞翡翠水庫，是祕境等級的美景。偶爾想起，卻一直沒行動。

終於等到一個星期六，騎著機車和小正妹一起衝了，天賜良機啊！！

顯示詳細地圖


這張是我們那天的攻略地圖，A~G是我們的攻略順序。

補充一、這是回來後才做的，出發前我只有隨便看幾篇網誌，知道入口在台九線27K處的A點
補充二、回家後發現Google Maps的街景居然有到這裡面（街景車開來看風景吧XDDD），於是看著他的街景，我一邊拼湊我的記憶。大家如果要更詳細的功課，可參考之。


開始囉～～現在時間是2013年9月28日下午大約兩點，晴時多雲，預計能得到漂亮的山光水色。（工具：iPhone 4S一台）

Blogger申請廣告｜Ansense和BloggerAds心得分享

我本來的印象是，部落格廣告收入微薄，所以剛開始寫文章時，沒有特別想賺錢。

不過，三不五時就會在blogger的後台，看到「收益」那格。點進去看一下，看起來，把Adsense廣告擺上網頁，好像很容易？

所以我就開始研究了。

Google AdSense的審核

當我把資料填一填，寄出寄出下一步，就開始等審核結果，不到半天，就被拒絕了。

理由：

內容不夠豐富：若要加入 AdSense 並在網站上顯示相關廣告，您的網頁上必須要有足夠的文字內容，AdSense 專家才能進行審核，我們的檢索器也才能選出適合顯示在您網頁上的相關廣告。

好吧，也是有點道理。那時才三五篇文章，平均一個月一篇，也不是多強的文章所以流量有限。那就認命吧。


後來有幾次，我手癢嘗試再提出申請，沒過，沒過，沒過。


有一回，我剛發出一篇新文章，有上Facebook向好友宣傳一下，突然心血來潮，想說接下來會有一波流量進入部落格，趁機申請一下好了，畢竟網路上有傳說，網站流量是Google Adsense審核的考量之一。而那篇文章是該部落格的第十篇文章，部落格上線七個月左右。

然後第一階居然過了嘻嘻嘻嘻嘻，

我們已審查您申請內容的一部分，但是我們必須審查完您的網站，才能開始在 http://XXX/ 放送即時廣告。現在您只能在網站上看到與網站背景融為一體的空白廣告。審查一旦完成，我們就會完全核准或駁回您的申請案。只要通過核准，您就會開始看到即時廣告。

然後就還是等等等，也沒有等太久，大約一個星期，第二階也過了，廣告開始在blogger上顯示啦～～

不過在第二階通過的前夕，我發了一篇文章，有一批點閱進來，或許沒有這批點閱，我還得等很久，

總之就是經驗分享囉，如果您想申請Adsense，建議那陣子讓部落格活躍一點～～

BloggerAds的廣告

相較於Google Adsense的嚴格，BloggerAds就寬鬆多了，資料填一填，沒多久email就收到核准通知。在同一個帳號，馬上再加入另一個部落格，也很快就過了，

馬上照著他網站產生的程式碼，加入部落格，馬上就有廣告了。

現在你看到的這個站，就有掛BloggerAds的廣告。

Adsense v.s. BloggerAds

因為我的部落格還非常小（沒po文時，每日流量平均個位數），所以沒什麼點閱，

萬一有天部落格壯大了，有足夠收益進來後，再來和大家分享。

我唯一能提供的訊息是，Google Adsense對於「無效點閱」這件事抓得很兇，只要有點異常，就會被停權，所以真的不要亂點（最好也別請朋友幫忙點，不信的話～～歡迎您實驗看看 XD）。

而BloggerAds好像比較沒在抓這些東西～～