バナーの貼り方①

バナーの貼り方②　タグの話

☆+｡ﾟ+☆+｡ﾟ+☆

前回はバナータグと右クリックでの画像URL取得のやり方を説明しました。

・右クリックしてみたけれど、画像URLが取れない～～なんで

と思われた皆さん、たいへん失礼しました。

実は、ブラウザによって、右クリックで出るメニューが違っていたのです。

いつもブログを書くのに使っているブラウザが Firefox と Chrome なので、InternetExplorer での検証を怠っていました。

申し訳ありません。。

それでは、InternetExplorerでの画像URLの取得方法を説明します。

画像フォルダを開いて、右クリックのメニューの中の「プロパティ」を開いてください。

これが、画像URLです。

画像フォルダでサムネイルをクリックしたときは、縮小された画像のURLになっていますので、それをオリジナル画像のURLに直してください。

そのやり方は、前回の記事(バナーの置き方②　タグの話 ) を参考にしてくださいね。

☆+｡ﾟ+☆+｡ﾟ+☆

さて、次はエディタのお話です。

アメブロの設定では、記事を書くフォームが二種類あります。

「標準エディタ」と「タグ編集エディタ」です。

[標準エディタ]　　　　　 [タグ編集エディタ]

① 標準エディタには、「タグの非表示」タブと「HTMLタグを表示」タブがあり、記事の内容によって使い分けることができます。

文字を書くときは「タグの非表示」タブでそのまま書くことができます。

タグを貼り付けるときは、「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で日本語が使えます)

　リンクバナーの置き方を説明するつもりが、思いがけず長くなりました＾＾；

ここわかりにくい～とか、ここもっと知りたい～という時は、いつでもコメントをください。

できる限りお返事させていただきます

バナーの貼り方①

バナーの貼り方②　タグの話

☆+｡ﾟ+☆+｡ﾟ+☆

バナーの貼り方③ 補足とエディタの話