▲PAGE TOP

Bloggerのブログに上記のようなpicasaの最新アルバムの表示とスライドショーを設置する

Bloggerのブログに上記のようなpicasaの最新アルバムとスライドショーを設置します。

スライドショーの設置

※上のサンプル画像はスライドショーを2段に重ねています
  • Blogger管理画面>レイアウト
  • ガジェットの追加>スライドショーを選ぶ
  • ソースを その他
  • Feed URLにpicasaの公開ギャラリーの右下にあるRSSのフィードURLを入力する
  • 新しいウィンドウに開くとランダム表示にチェックを入れる
  • 保存して終了

feed URLには公開ギャラリーのフィードURLを入れる。各アルバムのフィードURLを入力するとアルバム内の写真のみスライドされる

   表示されるスライドショーの大きさを変更するには?  

下のタグをHTML/Javascriptガジェットに入力して保存する

//////////////////////////////////////


<style>

.slideshow-container {
  width: 200px !important;
  height: 150px !important;
}

</style>


///////////////////////////////////////


Picasaの最新アルバムのタイトルを表示する


Picasaの公開ギャラリーのフィードを読み込んで、ブログに吐き出します。
FeedBurnerでは、なぜかPicasaのフィードが読み込むとエラーになるので、仕方なく他のサービスを使います。


  • Picasaの公開ギャラリーのRSSのURLを確認する
  • http://feed.mikle.com/にアクセスして、Picasa公開ギャラりーのRSSURLを入力する
  • 好みに合わせて、カスタマイズする
  • カスタマイズ後に表示されるスクリプトをコピーする
  • Blogger管理ページ>レイアウト>ガジェットの追加>HTML/Javascriptを選ぶ
  • コピーしたスクリプトを入力して保存する



COMMENT 投稿した内容は「 掲示板 」に掲載されます。
ペンネーム(必須)

タイトル

メールアドレス

話題にするページ/ウェブサイトのURL
メッセージ(必須)
アップロードする画像
パスワード(必須)