Facebook いいね！ボタンの組込み
悪戦苦闘しているFacebookの「いいね！」ボタン（英語では「Like！」というそうな）の組込みの
記事何とか書けそうなので、次回にはまとめます。（最終にはならないと思いますが）
このブログサイトの左フレームで、プロフィールの上に「いいね！」が組み込まれているの
わかります？
残念ながら、記事への組込みは採用スキンの制約でできないことがわかりました。
ご協力いただいた、CHOOSEさんに感謝です。
more先生も盛んにFacebookを宣伝されていますし、創業塾メンバーですでに登録されている方もい
ますので、参考になればと思います。
あくまでもAmebloでの組み込みで記事にします。
もし、他ブログの場合の応用についてのご質問あれば教えてください。 できるかどうかは別問題と
してトライしてみます。
記事何とか書けそうなので、次回にはまとめます。（最終にはならないと思いますが）
このブログサイトの左フレームで、プロフィールの上に「いいね！」が組み込まれているの
わかります？
残念ながら、記事への組込みは採用スキンの制約でできないことがわかりました。
ご協力いただいた、CHOOSEさんに感謝です。
more先生も盛んにFacebookを宣伝されていますし、創業塾メンバーですでに登録されている方もい
ますので、参考になればと思います。
あくまでもAmebloでの組み込みで記事にします。
もし、他ブログの場合の応用についてのご質問あれば教えてください。 できるかどうかは別問題と
してトライしてみます。
ブログに画像を貼る パート２
前回記事で、画像を貼る方法を書きました。 さらにちょっとした追加を今回は書き足しま
す。
前回の方法で、画像がブログ記事に収まらないような大きさ（ピクセル値が大きい画像）を
そのままオリジナルで貼るとすると、ブログ記事上では縮小されて貼り付けられると書きまし
た。
この場合、その画像を記事の上からクリックすると画像管理Windowが表示されオリジナルの
画像を見ることができます。
しかし、もとの記事のWindowの上に表示されるのでちょっと使い勝手が悪いと思われる方には
タグ編集エディタ（アメブロの設定で「記事投稿画面」をこのように変更）にしてタグを
編集してください。
前回の例を下記に示します。
図の箇所 .....jpg"の跡にtarget="os"を追加してください。
これで、画像をクリックしたときに別のWindowで起動されオリジナルが表示されるようになり
ます。
す。
前回の方法で、画像がブログ記事に収まらないような大きさ（ピクセル値が大きい画像）を
そのままオリジナルで貼るとすると、ブログ記事上では縮小されて貼り付けられると書きまし
た。
この場合、その画像を記事の上からクリックすると画像管理Windowが表示されオリジナルの
画像を見ることができます。
しかし、もとの記事のWindowの上に表示されるのでちょっと使い勝手が悪いと思われる方には
タグ編集エディタ（アメブロの設定で「記事投稿画面」をこのように変更）にしてタグを
編集してください。
前回の例を下記に示します。
図の箇所 .....jpg"の跡にtarget="os"を追加してください。
これで、画像をクリックしたときに別のWindowで起動されオリジナルが表示されるようになり
ます。
ブログへ画像を貼り付ける。
７月１０日、伊勢「創業塾」２０１０の最終日でした。 受講者の戦略シナリオのプレゼンテーシ
ョンをかなり集中してプレゼンし拝聴しという１日でした。 交流会もエネルギー充満で、これが創業
へ繋がっていくのかと思うと感激です。
今回のテーマ、ブログに画像を貼る方法を記事にしました。
【図-1】
画像を張るだけであれば、この「アメブロを書く」タグで記事中の画像挿入場所で編集ツールにある
「画像」をクリックしてもらうと（下記の画像図－１の【画像】部をクリックする）、図－２の画面が
現れます。
【図-2】
この画面で一度に３枚の画像データーをアップできます。 図中の１～３の内、先頭から、[参照]クリックして、ご自分のPCに保存してある貼り付け画像を選択してください。 続いて、右欄にあるタイトルを入力してください。 これは画像を特定するためのタイトルになります。 画像をポイントしたり、画像が表示するまでの間このタイトルが表意されます。 また、GoogleやYahooなどの検索エンジンも画像検索の際に参照にするのでそのつもりで画像タイトルを決め入力します。
その下の「画像の設定」欄を設定します。
１．サイズ： アップする画像をオリジナルサイズにするか、縮小（最大で２２０ピクセル）にする
かを選択します。 こちらを選択すると記事ないに圧縮された画像が貼り付けられ、画像の
大きさなどを気にせず、記事として完成できます。
オリジナルサイズを選択すると記事画面には最大２２０ピクセルのイメージ画（サムネール）が
貼り付けられ、画像をクリックするとオリジナルの画像が別ウィンドーで表示されます。
この別ウインドーはアップした画像データーのアルバムになっています。
前後の矢印でいままでにアップした画像を閲覧できることになります。
２．配置： 画像を左端、中央、右端の位置に指定してくれます。
私は作成のときに「タグ編集画面」で編集と設定してありますので、あまりメリットはありませ
んが、見たままに近い形で編集されている方はこの配置で指定できます。
３．下の段にいままでアップした画像が表示されます。 この中から貼り付けたい画像のボックス
（四角のチェックマーク入力部）をチェックし、「チェックした画像を使う」（複数の画像を貼
り付けるときは便利です。）をクリックするか、各画像の下にある「この画像を使う」をクリッ
クすると対象の画像１つが記事に貼り付けられます。
最後に、画像を貼り付けた部分をもう少し見栄えをという方に。 ここから先はタグ編集が必要とな
ります。
「アメブロを書く」＞「アメブロの設定」で「記事投稿画面（エディタの設定）」の部分で「タグ編
集エディタ）」をマークしてください。
これにより、投稿画面にはタグ言語（実際には全てこのタグ言語を解釈して画面を表示しています
。）が記事投稿画面のエディターで編集入力が行えます。
画像を貼り付けた際も、この編集方法の場合は次のような文字列が表示されるはずです。
１．枠線で囲む：画像によってはブログ背景色と区別がつかないような画像もあるかもしれません。
このような場合に、貼り付けた画像を枠線で囲む方法です。
上のタグの例で、</a>で終わっていますが、この前の/>の前に次のおまじないを挿入
してください。
border="10"
この” ”で囲まれた数字は枠線の太さです。 10を10ピクセルのことです。 いろいろため
してください。
２．画像に対してテキストを配置する位置を指定する方法
画像に対して、テキストを右に回りこませたり、左にまわりこませたりしたい場合のものです。
通常は先に説明した画像の配置していで設定されてしまうと思うのですがタグ編集を使っている
となぜか全て初期設定（左端）の状態になっていますので、場合により使ってみてください。
上記、１と同じように、挿入する場所は同じです。
align="left” .....と挿入すると画像が左に配置されテキストが右側に回りこみます。
align="right" .....上記とは逆に右に配置されます。
周り込みテキストが終了したところで、<br clear="left”>（左指定の場合）を忘れず
に。 そうしないとこの先の記事でもこの位置関係が参照されます。
タグの編集はこれでほとんどフリーに編集することができますが、記事作成の生産性は下がってしまい
ます。 HPならいざしらず、ブログ投稿では準備されたツールを賢く使って投稿頻度を上げるのが理
想です。
ョンをかなり集中してプレゼンし拝聴しという１日でした。 交流会もエネルギー充満で、これが創業
へ繋がっていくのかと思うと感激です。
今回のテーマ、ブログに画像を貼る方法を記事にしました。
【図-1】
画像を張るだけであれば、この「アメブロを書く」タグで記事中の画像挿入場所で編集ツールにある
「画像」をクリックしてもらうと（下記の画像図－１の【画像】部をクリックする）、図－２の画面が
現れます。
【図-2】
この画面で一度に３枚の画像データーをアップできます。 図中の１～３の内、先頭から、[参照]クリックして、ご自分のPCに保存してある貼り付け画像を選択してください。 続いて、右欄にあるタイトルを入力してください。 これは画像を特定するためのタイトルになります。 画像をポイントしたり、画像が表示するまでの間このタイトルが表意されます。 また、GoogleやYahooなどの検索エンジンも画像検索の際に参照にするのでそのつもりで画像タイトルを決め入力します。その下の「画像の設定」欄を設定します。
１．サイズ： アップする画像をオリジナルサイズにするか、縮小（最大で２２０ピクセル）にする
かを選択します。 こちらを選択すると記事ないに圧縮された画像が貼り付けられ、画像の
大きさなどを気にせず、記事として完成できます。
オリジナルサイズを選択すると記事画面には最大２２０ピクセルのイメージ画（サムネール）が
貼り付けられ、画像をクリックするとオリジナルの画像が別ウィンドーで表示されます。
この別ウインドーはアップした画像データーのアルバムになっています。
前後の矢印でいままでにアップした画像を閲覧できることになります。
２．配置： 画像を左端、中央、右端の位置に指定してくれます。
私は作成のときに「タグ編集画面」で編集と設定してありますので、あまりメリットはありませ
んが、見たままに近い形で編集されている方はこの配置で指定できます。
３．下の段にいままでアップした画像が表示されます。 この中から貼り付けたい画像のボックス
（四角のチェックマーク入力部）をチェックし、「チェックした画像を使う」（複数の画像を貼
り付けるときは便利です。）をクリックするか、各画像の下にある「この画像を使う」をクリッ
クすると対象の画像１つが記事に貼り付けられます。
最後に、画像を貼り付けた部分をもう少し見栄えをという方に。 ここから先はタグ編集が必要とな
ります。
「アメブロを書く」＞「アメブロの設定」で「記事投稿画面（エディタの設定）」の部分で「タグ編
集エディタ）」をマークしてください。
これにより、投稿画面にはタグ言語（実際には全てこのタグ言語を解釈して画面を表示しています
。）が記事投稿画面のエディターで編集入力が行えます。
画像を貼り付けた際も、この編集方法の場合は次のような文字列が表示されるはずです。
１．枠線で囲む：画像によってはブログ背景色と区別がつかないような画像もあるかもしれません。
このような場合に、貼り付けた画像を枠線で囲む方法です。
上のタグの例で、</a>で終わっていますが、この前の/>の前に次のおまじないを挿入
してください。
border="10"
この” ”で囲まれた数字は枠線の太さです。 10を10ピクセルのことです。 いろいろため
してください。
２．画像に対してテキストを配置する位置を指定する方法
画像に対して、テキストを右に回りこませたり、左にまわりこませたりしたい場合のものです。
通常は先に説明した画像の配置していで設定されてしまうと思うのですがタグ編集を使っている
となぜか全て初期設定（左端）の状態になっていますので、場合により使ってみてください。
上記、１と同じように、挿入する場所は同じです。
align="left” .....と挿入すると画像が左に配置されテキストが右側に回りこみます。
align="right" .....上記とは逆に右に配置されます。
周り込みテキストが終了したところで、<br clear="left”>（左指定の場合）を忘れず
に。 そうしないとこの先の記事でもこの位置関係が参照されます。
タグの編集はこれでほとんどフリーに編集することができますが、記事作成の生産性は下がってしまい
ます。 HPならいざしらず、ブログ投稿では準備されたツールを賢く使って投稿頻度を上げるのが理
想です。