<?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>lllnorikolll@online &#187; サービス</title>
	<atom:link href="http://blog.lllnorikolll.com/archives/category/%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.lllnorikolll.com</link>
	<description>オンライン - WEBアプリケーション開発関連のメモなど</description>
	<lastBuildDate>Sat, 15 Oct 2011 05:08:36 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Flickr badge : 本家ブログパーツ</title>
		<link>http://blog.lllnorikolll.com/archives/443</link>
		<comments>http://blog.lllnorikolll.com/archives/443#comments</comments>
		<pubDate>Sat, 05 Feb 2011 05:06:16 +0000</pubDate>
		<dc:creator>lllnorikolll</dc:creator>
				<category><![CDATA[サービス]]></category>
		<category><![CDATA[badge]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[ブログパーツ]]></category>

		<guid isPermaLink="false">http://blog.lllnorikolll.com/?p=443</guid>
		<description><![CDATA[プロフィールを iddy というサービスに書いていたのだけれど、同じようなページを自分のブログに置いておきたいと思い立ち、移行した際のメモ。 移行した先のプロフィールページはこちら http://lllnorikolll [...]]]></description>
			<content:encoded><![CDATA[<p>プロフィールを <a href="http://iddy.jp/" target="_blank">iddy</a> というサービスに書いていたのだけれど、同じようなページを自分のブログに置いておきたいと思い立ち、移行した際のメモ。</p>
<blockquote><p>移行した先のプロフィールページはこちら<br />
<a href="http://lllnorikolll.com" target="_blank">http://lllnorikolll.com</a></p></blockquote>
<p>iddyにあったflickrのサムネイル表示と同等のものを用意したい！</p>
<p>そこで、flickr のブログパーツを探していたところ、flickr本家サイトにあった。</p>
<blockquote><p><strong>Flickr: Make a badge</strong><br />
<a href="http://www.flickr.com/badge.gne">http://www.flickr.com/badge.gne</a></p></blockquote>
<h4>Step 1: What sort of badge would you like to use?</h4>
<p>HTML版とFLASH版が選べるようになっている。今回はHTML版を選んだ。</p>
<p>（iPhone, iPad では FLASHが見れないというウワサを聞いていたので、未試験だけれどもFLASHは避けた。）</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/lllnorikolll-300er/5417634674/" target="_blank"><img title="flickr make badge step1" src="http://farm6.static.flickr.com/5252/5417634674_75b1a40084_m.jpg" alt="flickr make badge step1" width="234" height="240" /></a></p>
<h4>Step 2: Choose content</h4>
<p>自分がアップロードした画像を表示させたいので Yours を選択。</p>
<p>今回はすべての写真を対象としたいので All of your public photos and video を選択した。</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/lllnorikolll-300er/5417659334/" target="_blank"><img title="flickr make badge step2" src="http://farm6.static.flickr.com/5095/5417659334_be255459f2_m.jpg" alt="flickr make badge step2" width="240" height="189" /></a></p>
<h4>Step 3: Layout</h4>
<p>プロフィールページに表示させるので、flickrの自分のアイコンやスクリーンネームは非表示にした。</p>
<p>個数は 1, 3, 5, 10 から選択が可能。表示幅に合わせて選択。</p>
<p>最新orランダムは、はじめ最新に設定したら雪景色の写真で非常に寒々しかったので、ランダムに設定してみた。</p>
<p>（ランダムにしても高確率で航空関連の写真が出る&#8230;。）</p>
<p>写真サイズは、Square, Thumbnail, Mid-size から選択が可能。表示幅に合わせて選択。</p>
<p>Vertical（縦に並べる）, Horizontal（横にならべる）, None（自分で設定可能とする）から選択。</p>
<p>Vertical, Horizontal は、全体がtableタグで個々の写真はtdタグの中にimgタグが入る。</p>
<p>None は、全体も個々の写真もdivタグでかこまれる。</p>
<p>CSSでスタイルを指定することに慣れている人は、Noneのほうが使い勝手が良さそうだ。</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/lllnorikolll-300er/5417669576/" target="_blank"><img title="flickr make badge step3" src="http://farm6.static.flickr.com/5136/5417669576_1736bbdee0_m.jpg" alt="flickr make badge step3" width="194" height="240" /></a></p>
<h4>Step 4: Colors</h4>
<p>背景色や枠線の色の設定が可能。</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/lllnorikolll-300er/5417786110/" target="_blank"><img title="flickr make badge step4" src="http://farm6.static.flickr.com/5260/5417786110_fd15c11aa9_m.jpg" alt="flickr make badge step4" width="240" height="193" /></a></p>
<h4>Your badge!</h4>
<p>表示されたコードをブログに貼り付ければ、完成。</p>
<p>↓は完成したもののサンプル。</p>
<pre>
<!-- Start of Flickr Badge -->
<style type="text/css">
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
</style>
<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0">
<tr>
<td><a href="http://www.flickr.com" id="flickr_www">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a>
<table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<tr>
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=3&#038;display=random&#038;size=s&#038;layout=h&#038;source=user&#038;user=42817665%40N06"></script>
</tr>
</table>
</td>
</tr>
</table>

<!-- End of Flickr Badge -->
</pre>
<p>ちなみに、iPhoneでの見た目はこちら↓</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/lllnorikolll-300er/5417267667/"><img alt="lllnorikolll.com iPhone キャプチャ" src="http://farm6.static.flickr.com/5295/5417267667_db78782c98_m.jpg" title="lllnorikolll.com iPhone キャプチャ" width="160" height="240" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.lllnorikolll.com/archives/443/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iKnowでログインするOpenIDを変更する</title>
		<link>http://blog.lllnorikolll.com/archives/108</link>
		<comments>http://blog.lllnorikolll.com/archives/108#comments</comments>
		<pubDate>Thu, 25 Sep 2008 03:23:48 +0000</pubDate>
		<dc:creator>lllnorikolll</dc:creator>
				<category><![CDATA[サービス]]></category>
		<category><![CDATA[メモ箱]]></category>
		<category><![CDATA[iKnow]]></category>
		<category><![CDATA[OpenID]]></category>
		<category><![CDATA[設定]]></category>

		<guid isPermaLink="false">http://blog.lllnorikolll.com/?p=108</guid>
		<description><![CDATA[iKnowでログインするOpenIDを変更したい場合、 ちょっとやり方が分かりづらかったのでメモ。 1.ログイン設定画面を開く マイページメニューのログイン設定をクリックして、ログイン設定画面を開く。 2.OpenID設 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.iknow.co.jp/" target="_blank">iKnow</a>でログインするOpenIDを変更したい場合、<br />
ちょっとやり方が分かりづらかったのでメモ。</p>
<h4>1.ログイン設定画面を開く</h4>
<div>
マイページメニューのログイン設定をクリックして、ログイン設定画面を開く。
</div>
<h4>2.OpenID設定削除</h4>
<div>
現在のOpenIDが表示されるので、その下の削除ボタンをクリックする。
</div>
<h4>3.トップページに遷移</h4>
<div>
iKnowロゴをクリックしてトップページに戻る。
</div>
<h4>4.OpenIDを再登録開始</h4>
<div>
OpenIDを使って登録をクリックする。（mixiやYahooのOpenIDを登録する場合は、そちらを選択）
</div>
<h4>5.再登録するOpenIDの入力</h4>
<div>
OpenIDURLを入力し、ログインボタンをクリックする。
</div>
<h4>6.自分のiKnowのユーザ情報とひもづける</h4>
<div>
iKnow!ユーザIDをお持ちの方という欄が右側に表示されるので、自分のiKnow!ユーザーネームとパスワードを入力してログインボタンをクリックする。
</div>
<div>
以上で設定完了。ログアウトしてから、設定したOpenIDでログインしてみて、ログインできたら成功！<br />
（それにしても、変更方法がわかりづらかった。。。）
</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.lllnorikolll.com/archives/108/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>mixinはじめました</title>
		<link>http://blog.lllnorikolll.com/archives/45</link>
		<comments>http://blog.lllnorikolll.com/archives/45#comments</comments>
		<pubDate>Tue, 22 Jul 2008 16:32:57 +0000</pubDate>
		<dc:creator>lllnorikolll</dc:creator>
				<category><![CDATA[サービス]]></category>

		<guid isPermaLink="false">http://blog.lllnorikolll.com/?p=45</guid>
		<description><![CDATA[http://www.mixin.com/ mixinが、激しく気になります。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.mixin.com/" target="_blank">http://www.mixin.com/</a><br />
mixinが、激しく気になります。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.lllnorikolll.com/archives/45/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

