バナーの貼り方③ 補足とエディタの話
前回
はバナータグと右クリックでの画像URL取得のやり方を説明しました。
・右クリックしてみたけれど、画像URLが取れない
～～なんで
と思われた皆さん、たいへん失礼しました。
実は、ブラウザによって、右クリックで出るメニューが違っていたのです。
いつもブログを書くのに使っているブラウザが Firefox と Chrome なので、InternetExplorer での検証を怠っていました。
申し訳ありません。。 
それでは、InternetExplorerでの画像URLの取得方法を説明します。
画像フォルダを開いて、右クリックのメニューの中の「プロパティ」を開いてください。
これが、画像URLです。
画像フォルダでサムネイルをクリックしたときは、縮小された画像のURLになっていますので、それをオリジナル画像のURLに直してください。
そのやり方は、前回の記事(バナーの置き方② タグの話 ) を参考にしてくださいね。
さて、次はエディタのお話です。
アメブロの設定では、記事を書くフォームが二種類あります。
「標準エディタ」と「タグ編集エディタ」です。
文字を書くときは「タグの非表示」タブでそのまま書くことができます。
タグを貼り付けるときは、「HTMLタグを非表示」タブにして貼り付けます。
それでは、タグを使って画像を指定して置いてみましょう。
タグはこちらです。
<img src="http://stat.ameba.jp/user_images/20100307/15/elve3695/4f/9f/j/o01700081_0170008110441518134.jpg
" />
「タグの非表示」タブにすると、画像が表示されていますね。
画像を中央に置きたい時は、画像を置くタグに中央に置くタグを組み合わせます。
<div align="center"><img src="http://stat.ameba.jp/user_images/20100413/15/sarabloglove/cc/04/p/t01700104_0170010410494725569.png"/></div
>
赤字の部分が中央に置くことを指定するタグです。
拡大してみましょう。
タグの非表示タブにすると画像が中央に置かれています。
・えっと…それなら、タグで文字も中央に置くことができる
はい、できます
それでは、タグを使って飾り文字｢☆+｡ﾟ+☆+｡ﾟ+☆｣を中央に置いてみましょう。
タグはこちらです。
<div align="center"><font size="3">
☆+｡ﾟ+☆+｡ﾟ+☆</font></div>
｢☆+｡ﾟ+☆+｡ﾟ+☆｣をフォントサイズ3で中央に置く、と指定したタグです。
拡大してみましょう。
「タグの非表示」タグにすると、飾り文字が中央に来ています。
タグを使えば、画像や文字だけでなく、YouTubeビデオも置くことができます。
「埋め込みコード」を「HTMLタグを表示」タブに貼り付けるのです。
拡大してみましょう。
これを「タグの非表示」タブにすると
YouTubeの動画が挿入されました
なお、アメブロでは「タグ編集エディタ」にするとYouTubeの動画を挿入しやすくなっています。
上の窓に「埋め込みコード」を貼り付けて「プレビュー」をクリックすればOK。
「標準エディタ」と「タグ編集エディタ」は、その都度使い分けると便利ですね。
なお、アメブロのエディタは、ブラウザによって使い勝手が違っています。
Google Chrome では、アメブロの基本設定で「標準エディタ」にしていても、「タグ編集エディタ」になってしまいます。
わたしもいつもはFireFox を使っていますが、今回InternetExplorer とSleipnir を使ってみました。
どちらも軽くて快適でした
ご参考までに、ブラウザのダウンロードサイトを載せておきます。
<ブラウザのダウンロードサイト>
Mozilla Firefox
Google chrome
Lunascape (Ameba Pico で日本語が使えます)
InternetExplorer8 (最新版)
Safari4
Opera
Sleipnir (Ameba Picoで日本語が使えます)
Grani (Ameba Picoで日本語が使えます)
リンクバナーの置き方を説明するつもりが、思いがけず長くなりました＾＾；
ここわかりにくい～とか、ここもっと知りたい～という時は、いつでもコメントをください。
できる限りお返事させていただきます
