ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > スポンサー広告 > title - コメント欄にメッセージを載せておきたい!TOP > カスタマイズをしよう! > title - コメント欄にメッセージを載せておきたい!

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ

コメント欄にメッセージを載せておきたい!

このブログのコメント欄を見てもらえばわかりますが、コメントを書くスペースにあらかじめメッセージが書かれています。そしてコメントを書こうとすると、そのメッセージが消える仕組みになっています。今回はこれの作り方を紹介します。


コメント欄にメッセージをつける方法(消える編)

最初に管理画面のテンプレートの設定からHTMLの編集を開きます。そして<!--/comment-->というタグを探します。見つからなかったら「Ctrl」+「F」を使って検索してみて下さい。見つかったらその少し下の方に、

<textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea>
この様なtextareaで囲まれているタグがあると思います。下になければ、上の方を見て下さい。「Ctrl」+「F」を使って検索すると、2つあると思いますが1つは普通のコメント用、もう1つはコメントの編集用なので間違えないで下さい。

見つかったらname="edit[body]">の>を削除して"の後ろに以下のタグを書き加えます。

value="ここに好きなメッセージを入れる。"
onblur="if(this.value == '') this.value='ここに好きなメッセージを入れる。';"
onfocus="if(this.value == 'ここに好きなメッセージを入れる。') this.value='';">ここに好きなメッセージを入れる。


「ここに好きなメッセージを入れる。」は全部同じ文章を入れて下さい。
[body]の後ろにcols="50" rows="5"などがあった場合、そのタグの後ろから書き加えて下さい。
>を削除するのを忘れないで下さい。

このブログを例にすると、

<textarea id="comment" cols="50" rows="5" name="comment[body]"value="メッセージをどうぞ!"
onblur="if(this.value == '') this.value='メッセージをどうぞ!';"
onfocus="if(this.value == 'メッセージをどうぞ!') this.value='';">メッセージをどうぞ!
</textarea>
この様に書き加えます。

できたら更新を押して保存して下さい。これだけで完成です。

コメント欄にメッセージをつける方法(消えない編)

コメント欄にマウスでクリックしてもメッセージが消えない様なメッセージを書く方法を紹介します。

最初に管理画面のテンプレートの設定からHTMLの編集を開きます。そして<!--/comment-->というタグを探します。見つからなかったら「Ctrl」+「F」を使って検索してみて下さい。見つかったらその少し下の方に、

<textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea>
この様なtextareaで囲まれているタグがあると思います。下になければ、上の方を見て下さい。「Ctrl」+「F」を使って検索すると、2つあると思いますが1つは普通のコメント用、もう1つはコメントの編集用なので間違えないで下さい。

見つかったらname="edit[body]">の>の後ろにメッセージを書き加えるだけです。

このブログを例にすると、

<textarea id="comment" cols="50" rows="5" name="comment[body]">メッセージをどうぞ!</textarea>

この様に書き加えます。

できたら更新を押して保存して下さい。これだけで完成です。


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
名前欄に…
初めまして、参考にさせていただいています。
質問なのですが、同じようにクリックしたら消えるメッセージをコメント欄でなく
名前の入力欄に表示させておきたいのですが、可能でしょうか?
また、表示させるメッセージの色を指定することはできますか?
可能でしたら教えていただきたいと思います。
質問ばかりですみませんが、よろしくお願いします。
ともたろうさんへ
名前欄に消えるメッセージを入れておくことは可能です。
コメント欄の名前の所を探して、name="comment[name]"などの後ろに
value="名無し" onblur="if(this.value == '') this.value='名無し';"
onfocus="if(this.value == '名無し') this.value='';">

とコメントの時とほぼ同じものを記入して下さい。
<%cookie_name>があるときは削除した方が良いと思います。

メッセージの色は黒以外はたぶん無理だと思います。
ご丁寧なレスありがとうございました。
名前欄に表示させることも可能なんですね、さっそく試してみたいと思います。
これからも参考にさせていただきます、ありがとうございました。
ともたろうさんへ
頑張ってやってみてください!!
メッセージが載りません
本当に何度もすみません!何度もチャレンジしてみたのですが・・出来ずに
また力を貸していただければと思います。
メッセージをつけて消す方法を取りたいのですが
私が記述したのは

<dd><textarea id="comment" cols="50" rows="5" name="edit[body]"value="コメントありがとう"
onblur="if(this.value == ")this.value='コメントありがとう';"
onfocus="if(this.value == 'コメントありがとう')this.value=";">
コメントありがとう><%edit_body></textarea></dd>

です。最後の<%edit_body>がいけないのかと消したり、前にもっていったりしたのですが
何も変わらず、メッセージを消す以前にメッセージが載らない状態です。
どこに間違いがあるのか分からない状態でお手上げです。
教えて頂きたいと思います。どうぞよろしくお願い致します。
じゅんこさんへ
<%edit_body>がある方はコメントの編集の方なのでいくらやっても通常の方ではできないと思います。ですので通常のコメントの方を編集して下さい。
じゅんこさんはほとんどわかってらっしゃるのでもう少し落ち着いて見たり・やってみると一回でできると思いますよ!
本当にありがとうございました!!
るんばばさま、こんにちは!
出来ました!出来ました!何度も何度もやり直ししましたが、やっとできました!
半角とかスペースとか色々と間違っていた箇所がありました。
もっとよく見直ししなくてはだめですね。
本当に親切に教えていただきましてありがとうございました!
また勉強します!
じゅんこさんへ
できて良かったですね!自分もできない時は普通に3日間とかかります。なぜか日にちが経つと不思議とできたりするんですよ。できた時は本当に嬉しいですよね!!
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/184-43f1f29f   

Template Designed by DW99

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。