Typeplate 網頁排版入門套件

Read More...

A free stock photo resource

這邊有很多免費的照片可以用，讚啦！
Read More...

人們到底怎麼拿手機？How Do Users Really Hold Mobile Devices?

Read More...

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



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

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

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

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

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

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

Read More...

以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='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;
&amp;
//這段就是讓facebook判斷blogger每篇文章網址的語法

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

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

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

width=90&amp;
//寬度

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

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


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

Read More...