Bloggerでスライドショー

Bloggerの中にスライドショーを挿入するにはPicasaウェブを利用するのが簡単です。Picasa2の時代にはPicasaウェブの言語設定をEnglishにしなければなりませんでしたが、Picasa3より日本語でもそれが可能になりました。
この記事はPicasa2時代のものにPicasa3を追加する形で書きました。

（１）Picasa2でスライドショーに使う画像をトレイに入れる

Picasa3は下図

（２）「ウェブアルバム」をクリック

Picasa3は「アップロード」

（３）「アルバムタイトル」などを設定

Picasa3は下図

（４）「ＯＫ」をクリック（Picasa3はアップロード）

（５）「オンライン表示」をクリック

Picasa3は下図

（６）アップロード済みの画像一覧
 
（７）「このアルバムにリンク／Embed Slideshow」をクリック
  
（８）設定画面がポップアップして来るので表示サイズ（144px、288px、400px、600px、800px）と、説明の表示／非表示の選択とコードのコピー

（９）「完了」ボタンを押して、設定画面を閉じる
（１０）Live Writerで「表示／HTMLコード」にし、貼り付ける （Bloogerで作業する時も同様）

上記の方法で作成したスライドショー （札幌市南区藤野の「エルクの森」）

※2008/9/4撮影、Canon Power Shot A700
※背景色の変更
スライドショーの背景色は、コード中のRGB=0x000000の部分で変更できます。
※スライドショーのメニュー：左から順に「ギャラリーへのリンク」、「キャプションの表示・非表示」、「戻る」・「再生／停止」・「進む」、「アルバム情報」

●エルクの森 （航空写真中心点はカフェ＆レストラン「ヴィーニュ」）

詳しい地図で見る

Bloggerの投稿画面サイズを大きくする方法

Bloggerの投稿作成画面は700 X 250と小さいので、使いにくいです。これを広げてくれるのが、「Blogger Extended Editing」。
この「Blogger Extended Editing」はアドオンの「Stylish」を入れてから行なうと簡単に済みます。
但し、これはFirefoxの拡張機能なのでIEには適用されません。
（１）Firefoxの起動後、「ツール／アドオン」で「stylish」を入れて検索、「Stylish」が表示されたら「Firefoxに追加」をクリック

（２）「今すぐインストール」をクリック

（３）「Firefoxを再起動」をクリック

（４）「閉じる」をクリック

（５）「Blogger Extended Editing」にアクセスし、「Load Into Stylish」をクリック

（６）「保存」をクリック
 
（７）Blogger投稿画面の旧と新
旧サイズ：700X250、新サイズ：920X445

Bloggerをホームページ風にするにはHTMLソースのコピペでやるのが一番簡単

別なブログに「Bloggerのテンプレートを編集してシンプルなホームページ風にする方法」を書きましたが、一番簡単な方法はここで使ったHTMLのソースをダウンロード、解凍したソースをコピー、新規に作成したブログ（テンプレートは任意）の「テンプレートを編集」に貼り付けてそっくり入れ替えるだけ。 そのとき、「ウィジットを削除しようとしています」に対して「確認して保存」でOK。

そうすると次のレイアウトのものが出来上がります。

あとはトップのFLASHを変更するだけで、ホームページ風のブログが出来上がります。ここで勉強しなければならないのはFLASHファイル（*.swf）のアップロード先。
下記アドレスの部分が出来ればいいのですが、この方法は様々。
<iframe frameborder='0' height='160' marginheight='0' marginwidth='0' scrolling='no' src='http://owlnet.vista.googlepages.com/menu5_5.htm' valign='middle' width='800'/>
ここではFLASH関連ファイルのアップロード先にGoogleのPage Creatorを利用していますが、Yahoo!のGeocitiesでもファイルをアップしてFLASHが表示できれば出来ちゃいます。
関連ページ：
●FLASH（*.swf）メニューをGoogle Page CreatorにアップしBloggerで表示
●BloggerにFLASHブログメニューを挿入