笑顔っていいね♪ -26ページ目

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

バナーの貼り方①


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



☆+。゚+☆+。゚+☆




笑顔っていいね♪ 前回 はバナータグと右クリックでの画像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で日本語が使えます)


笑顔っていいね♪  リンクバナーの置き方を説明するつもりが、思いがけず長くなりました^^;


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


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




バナーの貼り方①


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




☆+。゚+☆+。゚+☆





ペタしてね