chodaict

容量無限大圖床，Google+相片（picasa photo）！

在「Why Blogger? 部落格使用Blogger的十大好處」文中，我提到「圖床！串連Google相片，圖片在規範大小內無限大！」這件事，但是其實Google相片不只可以用在Blogger，也可以用在外連網站唷～

不管是要架站或是單純要備份相片，都需要一個在網路上可以放圖的空間，而且要可以外連－這種功能，就稱為圖床。

如果是比較早期有圖床需求，或是比較常在看論壇的，都一定對一隻結冰的青蛙不陌生吧？那個冰青蛙超邪惡的，明明要給人當圖床，卻又偷偷改成禁止外連，造成很多早期的文章圖都變成冰青蛙......

現在，只要直接串連Google相本，且圖片在規範大小內的話（最大邊「800像素（pixels）」以下的相片，以及「15分鐘」以內的影片，全部都不計算容量！），容量就是無限大！就算放的都是超出規範的大圖，其實也只要依照需求多開幾個Google帳號做圖片分類就好，而影片⋯⋯其實，Youtube一直都是無限大XD

一個基本上不會倒閉的企業，當然要多多運用囉！

取得無限大圖床教學開始！

以iframe方式嵌入Facebook的Like Button（讚）

今天學弟問我怎麼嵌入Facebook的Like Button（讚），才發現現在Facebook沒有再提供iframe方式嵌入了，趕緊從以前的作品中挖出來備份一下。

<iframe src="http://www.facebook.com/plugins/like.php?href=你的網址" scrolling="No" frameborder="0" style="border:none; overflow:hidden; width:450px;" allowtransparency="true"></iframe>

我覺得這個方法是最方便的，比起現在提供的HTML5之類的都還要方便！

如果是blogger要用的話，請貼上這串：

<iframe allowtransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=true&amp;layout=standard&amp;show_faces=true&amp;width=600&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border: none; height: 65px; overflow: hidden; width: 400px;'/>

以下是解釋：

expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "
&
//這段就是讓facebook判斷blogger每篇文章網址的語法

send=false&
//這段是讚旁邊要不要顯示分享，false改成true的話就會顯示

layout=button_count&
//這是fb讚的造型，其他造型還有standard、box_count、button共四種造型

show_faces=true&
//要不要顯示讚的人的臉，只有true才會顯示

width=90&
//寬度

action=like&
//顯示讚，如果想顯示推薦就將like改成recommend

colorscheme=light"
//如果你的網站是深色系背景的話才改成dark

資料參考自：https://developers.facebook.com/docs/plugins/like-button/

部落格使用Blogger的10大好處

blogger

為什麼要選擇Blogger呢？因為對我來說有10大好處：

圖床！串連Google相片，圖片在規範大小內無限大！
高流量！Google讓我們擁有無限大流量的伺服器。
穩定！不必擔心Google的伺服器會掛掉無法連線。
自由！自定程度極高，能自由發揮改出各種版型。
方便！可自由運用各種外掛，當然也可以自己寫。
資源！網路資源豐富，很多前輩有實作各種功能。
數據！清楚的後台，讓自己瞭解各種流量或數據。
錢！能選擇放或不放廣告，放了Google會給你錢。
手機！對手持裝置支援良好，還有專屬編輯器可用。
免費！總之，免費又方便的用到Google反悔為止！

在Blogger的Facebook外掛留言無法直接發佈／讚無法順利累計問題

最近製作了一個叫做「綜合口味」的blog，為了想讓社群黏著力更好，所以試驗了各種Facebook的plugin以及修改theme。

結果，在測試留言外掛（FB-comment）時，遇到了很奇怪的事：

每次留言後，都要再按一次確認，才可以發文？

這個討論串的說法是：「這是 facebook 防止垃圾行為 (anti-spam behavior) 的作法，免得有人用騙取點擊 (click-jacking) 的方式來取得按讚數。」

解決方法一，將以下這段code放在<head>的後面：

<script type='text/javascript'>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com")
{
var ncr = "http://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr);
}
</script>

解決方法二，將Facebook外掛工具中的code稍微修改：

根據「Country Specific BlogSpot URLs」，將 Facebook 外掛工具中的程式碼 data:post.url 都置換成 data:post.canonicalUrl，那麼不管訪客在 ABCD.blogspot.tw 或是 ABCD.blogspot.fr，Facebook 都會去找真實網址 ABCD.blogspot.com 的統計資料，就能讓 "讚" 統計、其他 Facebook 外掛工具的數據正常了。

解決方法三，直接買一個自有網域：
其實如果未來有考慮買網域的話，其實儘早買下來，有助於累積自己的名聲：）

參考資料：
Blogger 無預警轉換區域網址的影響及因應之道
facebook 按「讚」後需要再點「確認」才能真正加入計數