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の部分で変更できます。
※スライドショーのメニュー：左から順に「ギャラリーへのリンク」、「キャプションの表示・非表示」、「戻る」・「再生／停止」・「進む」、「アルバム情報」

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

詳しい地図で見る

Live Writerへコピペした時の画像サイズ

Live Writerにコピペで挿入した画像の初期サイズ（最大値）を変更したい時は画像をクリックした時、サイドバーに表示される「画像のプロパティ」で設定します。
（１）「詳細設定」内の「既定の画像サイズをカスタマナイズする」をクリック

（２）「小サイズ」の幅と高さの大きさを入力
ここで設定した「小サイズ 幅の最大値 400ピクセル」とは、400pixより大きな画像を貼り付けたら400pixに自動縮小されると言う意味です。
従って350pixの画像を貼り付けた場合は350pixになります。
 
もし中サイズや大サイズをその意味とは別に小サイズより小さく設定した場合はここからより小さな画像にワンタッチで変更できますが、画像をクリックした時、別ウィンドウで表示される画像も小さくなってしまうと言う問題が出てしまいます。この時の画像サイズはどうも中サイズになるようなので、結局今は次のような設定にしています。
 
これだとJTim等で800pix（又は640pix）にリサイズしてからLivw Writerに貼り付けると400pixに自動縮小され、その画像をブラウザでクリックした時は800pix（又は640pix）になります。

ブログ設定の編集

Live Writerでブログ設定を変更したい時は
（１）「ブログ／ブログ設定の編集」をクリック

（２）「アカウント設定の更新」をクリック

（３）変更したい箇所を直します。

ブログのURLをコピペで入力、Googleアカウントのユーザー名、パスワード（何れもBloggerと同じ）を入力

※ブログのURLは自分のブログのアドレスをコピー／貼り付けで入れる。

※ユーザ名とパスワードはBloggerでログインするのと同じものを使用

（４）検出に成功したら「はい」をクリック

ここでエラーが出るならブログのURLやユーザ名・パスワードが違っていますので再確認してください。

（５）次の画面が出たら「完了」をクリック

Live WriterからBloggerに画像を投稿する方法

Live WriterからBloggerに画像を投稿する方法についてまとめて見ました。
（１）パソコン内にある画像をクリップボード経由で挿入
（a）JTrim,Pixiaだけ
JTrim,Pixia等の画像ソフトでリサイズしてからコピペで挿入
 
（JTrimの時）

（b）Picasa2だけ
デジカメ編集ソフトPicasa2で編集後エクスポート
この時、フォルダのエクスポート先、エクスポートフォルダの名前、サイズ、画質を決める。
 
エクスポート後、表示された画面で「ブログ用画像」フォルダーをダブルクリック

目的の画像をダブルクリック

右クリックメニューでコピー （画像はVista）
 
（c）Picasa2とJTrimだけ
Picasa2で編集後コピー

Jtimで貼り付け、リサイズ後Live Writerへコピペ

（２）パソコン内にある画像をLive Writerの「挿入／画像」から挿入
（a）Jtrim等の画像ソフトでリサイズ（800X600,640X480など）して保存
（b）「挿入／画像／ファイルから画像を挿入」より保存した画像を選択

（３）ウェブ上にある画像をクリップボード経由で挿入
（a）画像の上で右クリックし「コピー」（下図はPicasaウェブアルバム）

（b）Live Writerに貼り付け

（４）ウェブ上にある画像を「挿入／画像」から挿入
（a）画像のプロパティを利用
画像上で右クリックしプロパティをクリック、アドレス（URL）を選択しコピー

Live Writerの「挿入／画像／Webから画像を挿入／画像のURL」に貼り付け
 
「挿入」をクリック

（b）「この写真へのリンク」を利用（Picasaウェブアルバム）
「この写真へのリンク」をクリック
 

サイズの選択
 
「HTMLを貼り付けてウェブサイトに埋め込む」をクリックし、画像のURLだけをコピー
（imgタグ内のhttp://部分）

Live Writerの「挿入／画像／Webから画像を挿入／画像のURL」に貼り付け
（サイズは288X216）
 

※関連ページ
・画像の加工例と画像フリーソフトの使い方（Jtrimの使い方，Pixiaの使い方，Picasa2の使い方へのリンク等）

Live Writerに地図を挿入してBloggerに投稿

Live Writerにウェブ地図を挿入してBloggerに投稿するには次のようにします。

（１）「挿入／地図」よりLive Search Mapsを挿入

ここでの地図は静止画像、クリックでLive Search Mapsに接続します。

（２）Googleマップのマイマップで作成したコードを「表示／HTMLコード」より貼り付け


大きな地図で見る

この地図はインラインフレーム内に表示されているので、このブログ内で地点の移動・拡大・縮小などが出来ます。

Live Writerにブログアカウントを追加

Live Writerをインストールしたら、ブログアカウントの追加から始めます。
（１）「ブログ／ブログ アカウントの追加」を選択
Bloggerの場合は「他のブログサービス」にチェックを入れて「次へ」
 

（２）Bloggerのブログアドレス、ユーザー名（Googleアカウント：メールアドレス）、パスワードを入れたら「次へ」

Bloggerの場合、「ブログのホームページのURL」は
"http://your blogname.blogspot.com/"の形になります。

（３）「ブログ設定の検出中」画面


（４）検出が終わったら次の画面になるので「はい」をクリック
「はい」にするとブログデザイン関連のファイルをダウンロードし、オフラインでもそのデザインでブログ記事を作成できるようになります。


（５）「完了」をクリックして終了

thinkfreeの表をLive Writerに貼り付け

thinkfreeのオンライン表計算ソフトを使ってLiveWriterに貼り付けて見ます。
このソフトはGoogleドキュメントよりはるかに高機能、そして見た目はエクセルとそっくりです。


所がこれをコピペすると残念ながら

となり、貼り付けできませんでした。

Googleドキュメントの表をLive Writerに貼り付け

オンライン表計算ソフトであるGoogleドキュメントのスプレッドシートを使ってLive writerに貼り付けて見ます。

    入金額    5%の複利現価率    現在価格

１年    2,000万円    0.9524    19,048,000円

２年    2,000万円    0.907    18,140,000円

３年    2,100万円    0.8638    18,139,800円

４年    2,100万円    0.8227    17,276,700円

５年    1,800万円    0.7835    14,103,000円

６年    2,100万円    0.7462    15,670,200円

７年    2,000万円    0.7107    14,214,000円

８年    2,000万円    0.6768    13,536,000円

９年    1,900万円    0.6446    12,247,400円

１０年    60,000万円    0.6139    368,340,000円

一応表の体裁は成していますが、タグはTableでなくてPを使っています。
もし「HTML」を選択すると

こんな風になります。

入金額 5%の複利現価率 現在価格 １年 2,000万円 0.9524 19,048,000円 ２年 2,000万円 0.907 18,140,000円 ３年 2,100万円 0.8638 18,139,800円 ４年 2,100万円 0.8227 17,276,700円 ５年 1,800万円 0.7835 14,103,000円 ６年 2,100万円 0.7462 15,670,200円 ７年 2,000万円 0.7107 14,214,000円 ８年 2,000万円 0.6768 13,536,000円 ９年 1,900万円 0.6446 12,247,400円 １０年 60,000万円 0.6139 368,340,000円

Calcの表をLive Writerに貼り付け

フリー表計算ソフトのカルク（Calc）からLive Writerにコピペして見ます。但し表の選択範囲は結合セルの無い所にします。


書式の保持を選択

こちらの場合はbgcolorのタグがHTMLコードに入っているので、グレイの背景色になって貼り付けられました。中央揃い、右揃いの書式も反映され表のサイズも変更できるので使い勝手はExcelよりはるかに良いです。

	入金額	5%の複利現価率	現在価格
１年	2,000万円	0.9524	19,048,000円
２年	2,000万円	0.9070	18,140,000円
３年	2,100万円	0.8638	18,139,800円
４年	2,100万円	0.8227	17,276,700円
５年	1,800万円	0.7835	14,103,000円
６年	2,100万円	0.7462	15,670,200円
７年	2,000万円	0.7107	14,214,000円
８年	2,000万円	0.6768	13,536,000円
９年	1,900万円	0.6446	12,247,400円
１０年	60,000万円	0.6139	368,340,000円

上の様なセルサイズに変更し表のプロパティを見ると

ここで表の幅を452ピクセル、セル内のスペースを5ピクセルにすると
 
次の様になります。

	入金額	5%の複利現価率	現在価格
１年	2,000万円	0.9524	19,048,000円
２年	2,000万円	0.9070	18,140,000円
３年	2,100万円	0.8638	18,139,800円
４年	2,100万円	0.8227	17,276,700円
５年	1,800万円	0.7835	14,103,000円
６年	2,100万円	0.7462	15,670,200円
７年	2,000万円	0.7107	14,214,000円
８年	2,000万円	0.6768	13,536,000円
９年	1,900万円	0.6446	12,247,400円
１０年	60,000万円	0.6139	368,340,000円

もし表計算ソフトからBloggerにコピペする機会が多い場合はGoogleパックのStarSuiteかOpenOfficeをインストールするといいでしょう。