<?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/"
	xmlns:series="http://unfoldingneurons.com/"
	>

<channel>
	<title>SHAMAS &#187; picasa API</title>
	<atom:link href="http://shamas.me/tag/picasa-api/feed/" rel="self" type="application/rss+xml" />
	<link>http://shamas.me</link>
	<description>Design, Music and Health</description>
	<lastBuildDate>Mon, 06 Feb 2012 08:44:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>wordpress无插件调用Picasa相册</title>
		<link>http://shamas.me/free-wordpress-plugin-called-picasa-album/</link>
		<comments>http://shamas.me/free-wordpress-plugin-called-picasa-album/#comments</comments>
		<pubDate>Mon, 13 Apr 2009 11:09:03 +0000</pubDate>
		<dc:creator>shamas</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[Gallery]]></category>
		<category><![CDATA[picasa]]></category>
		<category><![CDATA[picasa API]]></category>

		<guid isPermaLink="false">http://shamas.me/?p=1433</guid>
		<description><![CDATA[　　很多人用wordpress时都喜欢调用google picasa相册，虽然目前有插件支持，不过要修改的地方很多，而且很多人装了却显示不出想要的效果，在论坛我回答过好多关於picasa相册的问题，现在直把它整理出来让大家分享，当然网上也有相关类似的文章，不过都不十分详细，对於新手来说还是比较难入手的。 　　一、首先说下，这个方法主要是用到Web Picasa API，这种效果完全是javascript（JSON API）实现的，主要用的是JavaScript interface to PicasaWeb Albums（在这里下载），其实就是一个单js文件，调用代码如下： &#60;script type=&#8217;text/javascript&#8217;&#62;  username = &#8216;your.username&#8217;; photosize=&#8217;800&#8242;; &#60;/script&#62; &#60;script type=&#8217;text/javascript&#8217; src=&#8217;http://yourpath/pwa.js&#8217;&#62; &#60;/script&#62; 　　说明：you.username是你的picasa用户名，http://yourpath/pwa.js就是我们这个api js文件的存放点，请输完整路径。 　　当然如果你不在上面下载，也可以参考下我的代码。 　　二、创建一个页面模板，把上面的代码放进去，当然还需要一些CSS样式文件。复制一个你的页面模板，把上面的调用代码和CSS样式放进去，放在你正文div里面，完整代码如下： &#60;style type=&#8221;text/css&#8221;&#62; &#60;!&#8211; .photobigbox{background:transparent url(http://youpaty/images/album.gif) no-repeat scroll left center;height:194px;text-align:center;width:194px;margin:0pt auto;} .photosmallbox{padding-top:16px;text-align:center;} .album,.photo{float:left;width:194px;} .album img, .photo img{border:1px solid #000;width:160px;height:160px;} #left{padding-right:0 !important;margin-right:0 !important;width: 74%;float:left;} #sidebar{width:25%;float:right;margin-left:0 !important;padding-left:0 !important;min-width:235px;} #sidebar li.sc {width:190px;} .albumtitle{height:45px;text-align:center;} .smallpicture{float:left;} [...]]]></description>
		<wfw:commentRss>http://shamas.me/free-wordpress-plugin-called-picasa-album/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

