新ウィジェット作成！

ブログ本体にアルバムへのリンクをしたいのですが、貼り付けのためのHTMLの置き場が分りません。

Blogger の画像投稿が Picasa ウェブアルバムと連携

と、T.Fukui さんからコメントをいただいて知ったんですが、Picasa Web Albums には、ウェブページに貼り付けるリンクコードが用意されていないようなのです。

「マイ公開ギャラリー（My Public Gallery）」ページの RSS を Blogger のフィードウィジェットに通せば、一応各アルバムへのリンクが出るんですが、それだとアルバムのテキストしか表示できません。やはり画像も一緒に表示したいところ…ということで、新ウィジェットを作ってみました。

このウィジェットは、画像とテキストが各アルバムへのリンクになっています。アルバムのサムネイルサイズは４種類（32、48、64、160ピクセル）から選択可能。表示するアルバムの個数も指定することができます。


導入方法

１．下のコードの kurikuribo をご自分のアカウント名に変更してください。
２．下のコードの 160 を好きなサイズに変更してください（32、48、64、160 のみ選択可）。
３．下のコードの 5 を表示したいアルバム数に変更してください。
４．変更できたら、下の「Add to Blogger」ボタンを押して、新しく開くページでブログやタイトルを確認し「ウィジットを追加」ボタンを押してください。

<script type="text/javascript"> PICASA_ACCOUNT = "kurikuribo"; PICASA_THUMB_SIZE = 160;//32, 48, 64, or 160 PICASA_ALBUM_NUM = 5; </script> <script charset="UTF-8" src="http://tools.kuribo.info/js/picasa_album_list.js" type="text/javascript"></script>

クラシックテンプレートの場合

旧 Blogger や FTP 経由公開ブログなど、クラシックテンプレートのユーザーは、上のテキストエリア内のコード（手順に沿って変更を加えたもの）をテンプレートのサイドバーの位置に貼り付ければＯＫです。


スタイル変更

サムネイルの枠線や、テキストのフォントなどはスタイルシートで変更可能です。このウィジェットは id="picasa-album-list" な div 要素に展開されるので、その ID を使ってスタイルを指定してください。

スタイルの指定 自体をウィジェット内に書き入れると、テンプレートの変更時にもスタイルが受け継がれて、便利です。


関連記事：
Picasa Web Albums や Flickr のタグをコピーするブックマークレット
Blogger の画像投稿が Picasa ウェブアルバムと連携
Blogger beta の Widget 追加ボタンの作り方
AdSense 紹介プログラムに Picasa が登場

スポンサードリンク： お願い：