コメント欄にイラストを入れよう!
1:入れたいイラストを用意します

 自分で書いてもいいし 素材屋さんで借りてもいいです
 素材屋さんによっては リンクウェア が条件の所もあるので
 その際は メモ欄にでも 素材屋さんをリンクして使わせてもらいましょう
 素材屋さんのものは 自分のファイルに保存をして お持ち帰りします
 自分で書いたものも 保存しておきます
 ※保存したファイルとイラストの名前(例:sakura1)を覚えておきましょうd(*^^*)

2:イラストをアップします

 ブログの 設定→スキン変更 をクリックすると 現在使用中のスキン が表示されてます
 [編集] のタブをクリック 上から3つめ ■HTML編集の下の四角の右側に
 マイイメージアカウントにイメージ登録 ← があります これをクリック
 *イメージアップロード の イメージ追加に参照ボタンがありますね?
 ここをクリックすると ファイルの選択 が開きます
 ここで 自分が入れたいイラストの入ったファイルをクリックして
 ファイルの中からイラスト(例:sakura1)をダブルクリックすると
 四角の中に なにやらローマ字が並びます^^;
 送信ボタンをクリック

 その下の 保存されたイメージリスト  に なにやら出ますね?(例:sakura.gif)
 その文字をクリックすると 左の枠の中にアップしたイラストが表示されます
 (歪んだりして見えるけど大丈夫だからね^^; )
 右に イメージURLコピー ボタンがあるよね? 
 これをクリックすると その下に イメージURL:http://・・・・・・・.gif と書かれた
 所がドラックした状態になってます これがイラストのアドレスになります
 これをコピーすればOK♪

3:編集しますよ~^^

 スキン編集に戻ります
 先程のHTMLの下に ■CSS編集がありますね?
 スクロールバーで一番最後まで持っていきます
 
 }← こんなのが最後についてますね?
 その下に

 TEXTAREA.TXTFLD {
       background-color: #ffffff;
       background-image : url("画像のURL");
       background-position: 100% 100%;
       background-repeat: no-repeat;"
      }

 ↑ これを コピペ して 貼り付けて下さい


  background-color: #ffffff;         
    コメント欄の背景色です これは白ですので他の色がよければ変えて下さい
  background-image : url("画像のURL");
    画像のURL を消して 2で出来た自分のイラストのURLを入れます
  background-position: 100% 100%;
    右下にイラストを固定する という意味です ここが邪魔にならないと思うので^^;
  background-repeat: no-repeat;"
    画像は右下にポツン とあったほうがコメントするのに邪魔にならないと思う
    これがないと コメントの幅分イラストが繰り返し表示されます

※コメント欄を広くしたいなぁ とおもったら
   
         height:10em; これをさっきの{     }内にいれてあげると広くなります
               ↑ この数字が行数・・・かな?^^;
         ちなみに ここは 8 にしてあります


これ読むと くらくらぁ~ とするかもしれないけど
やってみると簡単なので チャレンジしてみてねp(^^)q





・・・・・・・・・・・・・・・・ 素材屋さんのリンクってどうやるの? ・・・・・・・・・・・・・・・・・

■設定→メニュー管理 で メニューの選択・並べ替え のページになります
下の メニュー別選択 から メモ帳の編集 ボタンをクリック

メモ帳内容の所に

<a href="素材屋さんのURL">素材屋さんの名前</a>

↑<>が全角で書いてありますので 全部半角になおして下さいね
※右側にプレビュー画面がありますので 確認してみてください
素材屋さんの名前
↑upした時にこう表示されます


■バナーでリンクを貼る場合

 バナーは素材屋さんのリンクコーナーか利用規定にありますので
 お持ち帰りして イラストをアップした手順をとります
 バナーのURLができましたね?

 メモ帳内容の所に

<a href="素材屋さんのURL" target="_blank">
<img src="素材屋さんのバナーをUPしたURL" border="0">
</a>

これも<>全角で書いてあるので 全部半角になおして下さいね




↑ このように表示されます 
[PR]
by sakura-find | 2005-08-13 10:10 | ・dairy
<< 豆腐丼   <はなまる> 輸血 >>