自分で作る・ペタバナー&プロフ画2 | Caetla*さえら* ピグ初心者講座・スキン・画像作成講座

自分で作る・ペタバナー&プロフ画2

にほんブログ村 ネットブログ アメーバピグへ

Ca et la-ペタバナー
ペタ画像の差し替え方法がわからないという
質問を受けましたので
やり方を紹介いたしますね。



通常通り、記事編集画面を開きます。
(さえらは常にタグを弄るので
タグ編集エディタで起動していますが
ここは一般的なエディタで説明します。)

Ca et la-タグ挿1

次にペタボタンを挿入します。
どの画像でも構いません。
Ca et la-タグ挿2

画像が挿入されたら
「HTMLタグを表示」に切り替えます。
Ca et la-タグ挿3

画像を挿入しているHTMLが表示されます。
Ca et la-タグ挿4

次に画像フォルダを別ウインドウかタブに開き、
ペタバナーのURLをコピーします。
右クリックで「画像のURLをコピー」か
「ショートカットのコピー」をします。

コピーしたURLは「サムネイル」のものですので、
画像のURL取得方法を参考
オリジナルサイズになるように手直ししてください。

ex) /t01234567_0123456789101234567.png

/o0123456789101234567.png
Ca et la-タグ挿5

HTMLタグ内の<img src="画像URL"の""の間に
コピーしたURLを貼り付けます。
Ca et la-タグ挿6

クリックしたままドラッグしていくと
URLを選択できますので、
そのまま貼り付けで入れ替わります。
Ca et la-タグ挿7

「HTMLタグの非表示」を押して
画像が入れ替わっていることを確認してください。
Ca et la-タグ挿8
入れ替わり完了していれば終了です。


が。
毎回こうやって貼り付けるのも面倒なので
HTMLタグをメモ帳などに保存してしまいます。
Ca et la-タグ挿9
もう一度HTMLタグの表示モードにしてタグ全体をコピーします。

Ca et la-タグ挿10
メモ帳を開き(プログラム→アクセサリ→メモ帳)
コピーしたタグを貼り付けます。

Ca et la-タグ挿11
貼り付けが完了したら
「ペタバナー挿入タグ」などと名前をつけて
開きやすい場所(デスクトップ等)に保存します。

次回以降は、日記が書き終わったら
HTMLタグの表示にしてペーストすれば簡単です。


お分かりいただけましたでしょうか?
にほんブログ村 ネットブログ アメーバピグへ