2015年8月17日 星期一

各種社群分享按鈕的製作

<!--Facebook分享按鈕(純HTML語法)-->
<a target="_blank" href="http://www.facebook.com/share.php?u=<要分享的網址>">
<img title="分享到臉書!" src="https://upload.wikimedia.org/wikipedia/commons/1/13/Facebook_like_thumb.png" border="0" width="20" /></a>

<!--Google+分享按鈕(純HTML語法)-->
<a target="_blank" href="https://plus.google.com/share?url=<要分享的網址>">
<img title="分享到Google+!" src="https://www.gstatic.com/images/icons/gplus-32.png" border="0" width="20" /></a>

<!--Twitter分享按鈕(純HTML語法)-->
<a target="_blank" href="http://twitter.com/home/?status=<要分享的標題> <要分享的網址>">
<img title="分享到維特!" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Twitter_Logo_Mini.svg/2000px-Twitter_Logo_Mini.svg.png" border="0" width="20" /></a>

<!--Plurk分享按鈕(純HTML語法)-->
<a target="_blank" href="http://plurk.com/?qualifier=shares&status=[分享] <要分享的網址> (<要分享的標題>)">
<img title="分享到噗浪!" src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Plurk.svg/1024px-Plurk.svg.png" border="0" width="20" /></a>

<!--微博分享按鈕(純HTML語法)-->
<a target="_blank" href="http://v.t.sina.com.cn/share/share.php?title=<要分享的標題>&url=<要分享的網址>">
<img title="分享到微博!" src="http://www.i-marketing.com.tw/fbliker/wp-content/uploads/2015/07/weibo.png" border="0" width="20" /></a>