facebook、twitter等社交網站分享按鈕

2013/10/15 10:14:155656 閱讀

<!--Facebook分享按鈕(純HTML語法)–>
<a target="_blank" >
‘><img title="分享到臉書！" src="圖片網址" border="0" width="20" /></a>
 
<!--Facebook分享按鈕(JavaScript語法)–>
<a href="javascript: void(window.open(‘http://www.facebook.com/share.php?u=’.concat(encodeURIComponent(location.href)) ));">
‘><img title="分享到臉書！" src="圖片網址" border="0" width="20" /></a>
<!--Facebook分享按鈕(WordPress參考語法)–>
<a target="_blank" href="http://www.facebook.com/share.php?u=<?php the_permalink(); ?>">
‘><img title="分享到臉書！" src="圖片網址" border="0" width="20" /></a>
[/code]
Plurk:
[code]

<!--Plurk分享按鈕(純HTML語法)–>
<a target="_blank" href="http://plurk.com/?qualifier=shares&status=[分享] 分享網址(網址標題)">
<img title="分享到噗浪！" src="圖片網址" border="0" width="20" /></a>

<!--Plurk分享按鈕(JavaScript語法)–>
<a href="javascript: void(window.open(‘http://www.plurk.com/?qualifier=shares&status=’ .concat(encodeURIComponent(location.href)) .concat(‘ ‘) .concat(‘ (‘) .concat(encodeURIComponent(document.title)) .concat(‘)’)));">
<img title="分享到噗浪！" src="圖片網址" border="0" width="20" /></a>

<!--Plurk分享按鈕(WordPress參考語法)–>
<a target="_blank" href="http://plurk.com/?qualifier=shares&status=[分享] <?php the_permalink(); ?> (<?php the_title(); ?>)">
<img title="分享到噗浪！" src="圖片網址" border="0" width="20" /></a>
[/code]
Twitter:[code]

<!--Twitter分享按鈕(純HTML語法)–>
<a target="_blank" >
<img title="分享到維特！" src="圖片網址" border="0" width="20" /></a>

<!--Twitter分享按鈕(JavaScript語法)–>
<a href="javascript: void(window.open(‘http://twitter.com/home/?status=’.concat(encodeURIComponent(document.title)) .concat(‘ ‘) .concat(encodeURIComponent(location .href))));">
<img title="分享到維特！" src="圖片網址" border="0" width="20" /></a>

<!--Twitter分享按鈕(WordPress參考語法)–>
<a target="_blank" href="http://twitter.com/home/?status=<?php the_title(); ?> <?php the_permalink(); ?>">
<img title="分享到維特！" src="圖片網址" border="0" width="20" /></a>
[/code]
Google+
[code]
<!--Google+分享按鈕(純HTML語法)–>
<a target="_blank" >
<img title="分享到Google+！" src="https://www.gstatic.com/images/icons/gplus-32.png" border="0" width="20" /></a>

<!--Google+分享按鈕(JavaScript語法)–>
<a href="javascript: void(window.open(‘https://plus.google.com/share?url=’.concat(encodeURIComponent(location.href)), ”, ‘menubar=no,toolbar= no,resizable=yes,scrollbars=yes,height=600,width=600’));">
<img title="分享到Google+！" src="https://www.gstatic.com/images/icons/gplus-32.png" border="0" width="20" /></a>

<!--Google+分享按鈕(WordPress參考語法)–>
<a target="_blank" href="https://plus.google.com/share?url=<?php the_permalink(); ?>" onclick="javascript:window.open(this.href, ”, ‘menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600’);return false;">
<img title="分享到Google+！" alt="Share on Google+" src="https://www.gstatic.com/images/icons/gplus-32.png" border="0" width="20" /></a>

下一條：客戶端http400（Bad Request）原因解決辦法

上一條：圖文混排css備忘