<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>聰明的生活2 &#187; facebook</title>
	<atom:link href="http://blog.yslifes.com/archives/tag/facebook/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.yslifes.com</link>
	<description>自己寫java程式的一些筆記</description>
	<lastBuildDate>Wed, 08 Feb 2012 02:26:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://blog.yslifes.com/?pushpress=hub'/>
		<item>
		<title>在pixnet部落格裡增加facebook like 讚按鈕</title>
		<link>http://blog.yslifes.com/archives/695</link>
		<comments>http://blog.yslifes.com/archives/695#comments</comments>
		<pubDate>Mon, 19 Jul 2010 23:15:13 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[like]]></category>
		<category><![CDATA[pixnet]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/695</guid>
		<description><![CDATA[facebook有需多的外掛元件，可以從facebook developers裡面找到設定並安裝，這裡介紹如何在pixnet blog裡安裝”讚”這個按鈕。 一般不另任設定時，pixnet blog只能固定在某一個區塊顯示＂讚＂按鈕，像是在公告區塊或是左右側欄，不過這樣子並不太好用，而且也不能自動變換要推薦的文章網址（如何取得like button可參考 [分享] 如何在部落格上放入Facebook的「讚」？ ），就像下圖：（facebook plugin like button） 如果要放在其它地方要如何做呢？這裡示範在標題下方依每個標題連結自動產生一個讚的按鈕出來，結果會如下圖。 script的寫法使用pixnet原本就提供的jQuery來插入like button的iframe，然後把script碼放入公告區塊就可以用了，想更改放至其它地方也可依此做更改。 source如下： &#60;script type=&#34;text/javascript&#34;&#62; jQuery&#40;document&#41;.ready&#40;function&#40;&#41;&#123; jQuery&#40;&#34;div.article-body&#34;&#41;.each&#40;function&#40;i&#41; &#123; //iframe的語法設定可由 //http://developers.facebook.com/docs/reference/plugins/like //來取得，只需調整href後的參數 jQuery&#40;this&#41;.before&#40;'&#60;iframe src=&#34;http://www.facebook.com/plugins/like.php?href='+ encodeURIComponent&#40;jQuery&#40;this&#41;.parent&#40;&#41;.find&#40;&#34;ul&#34;&#41;.find&#40;'a'&#41;.attr&#40;'href'&#41;&#41;+ '&#38;amp;layout=standard&#38;amp;show_faces=true&#38;amp;width=600&#38;amp;action=like&#38;amp;colorscheme=light&#38;amp;height=20&#34; scrolling=&#34;no&#34; frameborder=&#34;0&#34; style=&#34;border:none; overflow:hidden; width:600px; height:20px;&#34; allowTransparency=&#34;true&#34;&#62;&#60;/iframe&#62;'&#41;; &#125; &#41;;&#125;&#41;;&#60;/script&#62; 不在首頁顯示的話，可以用以下這個，先判斷是不是blog首頁，不是的話才執行。 &#160; &#60;script type=&#34;text/javascript&#34;&#62;if&#40;location.href.indexOf&#40;'/blog'&#41;!=location.href.length-5&#41;&#123; jQuery&#40;document&#41;.ready&#40;function&#40;&#41;&#123; &#160; jQuery&#40;&#34;div.article-body&#34;&#41;.each&#40;function&#40;i&#41; &#123; &#160; jQuery&#40;this&#41;.before&#40;'&#60;iframe src=&#34;http://www.facebook.com/plugins/like.php?href='+ encodeURIComponent&#40;jQuery&#40;this&#41;.parent&#40;&#41;.find&#40;&#34;ul&#34;&#41;.find&#40;'a'&#41;.attr&#40;'href'&#41;&#41;+ '&#38;amp;layout=standard&#38;amp;show_faces=true&#38;amp;width=600&#38;amp;action=like&#38;amp;colorscheme=light&#38;amp;height=20&#34; scrolling=&#34;no&#34; frameborder=&#34;0&#34; style=&#34;border:none; overflow:hidden; width:600px; [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/695/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>

