クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

> | > Picasa ウェブアルバムウィジェット

Picasa ウェブアルバムウィジェット

Posted at: 2007-04-03 Label: , 2

新ウィジェット作成!

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

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

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

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


導入方法

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




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

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


スタイル変更

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

スタイルの指定
<style type="text/css">
#picasa-album-list {
  /* なんとかかんとか */
}
</style>
自体をウィジェット内に書き入れると、テンプレートの変更時にもスタイルが受け継がれて、便利です。


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


スポンサードリンク:
お願い:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

Comments:2

  1. Picasa Web Albums では公開アルバムごとに埋め込み用コードが用意されていますよ。公開アルバムの "ブログ/MySpace に埋め込む" という部分をクリックすると出てきます。

    ReplyDelete
  2. 今回はアルバム一覧を自動で出したくて作ったんですが、アルバム個別コードを複数貼った方がきれいですね、はい…。

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.