『コメント時の絵文字等』の導入法(コメント編集も)
■ コメント時の絵文字・装飾機能の追加
http://blog1.fc2.com/staff/blog-entry-81.html
面白そう!、実装出来るように改造してみようかな?
■ 絵文字が上にずれてしまう方へ
CSSの画像(img)で
(Xは任意の数字)
となっていると思うのでXを0に変えれば多分直ります(一応CSSの予備は保存してからお試しを)
■ プラグイン機能の追加
http://blog1.fc2.com/staff/blog-entry-80.html
プラグインは自分には不要な機能ですが、初めてブログを作る人には便利そうですね。
【共有テンプレートでの『コメント時の絵文字・装飾機能』の導入法】を"続き"にまとめておきました。
[更新履歴]
うまく動かなかったので、s-r-sさんの記事のとおりに訂正(ありがとうございました!)
http://blog1.fc2.com/staff/blog-entry-81.html
面白そう!、実装出来るように改造してみようかな?
■ 絵文字が上にずれてしまう方へ
CSSの画像(img)で
margin-bottom: Xpx;
(Xは任意の数字)
となっていると思うのでXを0に変えれば多分直ります(一応CSSの予備は保存してからお試しを)
■ プラグイン機能の追加
http://blog1.fc2.com/staff/blog-entry-80.html
プラグインは自分には不要な機能ですが、初めてブログを作る人には便利そうですね。
【共有テンプレートでの『コメント時の絵文字・装飾機能』の導入法】を"続き"にまとめておきました。
[更新履歴]
うまく動かなかったので、s-r-sさんの記事のとおりに訂正(ありがとうございました!)
以下の作業の前に必ず、テンプレートのコピーをローカル環境に保存して置いてください。もし、テンプレートがまともに動かなくなっても当方では責任を持ちません。
※以下とまったく同様の作業を、HTMLのコメント編集領域で行うことにより
コメント編集にも絵文字・文字装飾が可能です。
(パスがかかっているので実際に編集上書きは不能。動作は確認済みです)
コメント編集を別窓で開く
1.公式テンプレートを新規にダウンロードする
(daisy townさん、このテンプレートいつも参考にさせていただいてますm(__)m)
2.コメント欄に絵文字・装飾機能を追加する
grave-bearと今のテンプレを見比べた結果、
(*に入る数字はブログによって異なるはず、実際に公式テンプレートをダウンロードしてご確認ください。)
のjavascriptをHTMLに追加すると、絵文字・装飾機能が実装されるようです。
テンプレートのHTMLの
の間に絵文字用のjavascriptを追加します。
(*に入る数字はブログによって異なるはず、実際に公式テンプレートをダウンロードしてご確認ください。)
3.s-r-sさんの記事のとおりにもう一箇所訂正
全く同じようにタグをいじります。
4.更新をクリックしてテンプレートを上書き
これで絵文字・装飾機能が追加完了です
コメント欄に飛ぶ
見事動いてます。
s-r-sさんの記事
http://shiro46.blog2.fc2.com/blog-entry-414.html
のおかげです、ありがとうございました!
感想・間違いの指摘ありましたらお願いします。
質問は知識が乏しいためあまり答えられないかもしれません、すみません。
※以下とまったく同様の作業を、HTMLのコメント編集領域で行うことにより
コメント編集にも絵文字・文字装飾が可能です。
(パスがかかっているので実際に編集上書きは不能。動作は確認済みです)
コメント編集を別窓で開く
1.公式テンプレートを新規にダウンロードする
とのことですので、公式テンプレートのgrave-bearをダウンロードさせて頂きました。なお、公式テンプレートでは既にコメント装飾機能対応済みですのでご使用の場合差し替えたりするようお願いいたします。
(daisy townさん、このテンプレートいつも参考にさせていただいてますm(__)m)
2.コメント欄に絵文字・装飾機能を追加する
grave-bearと今のテンプレを見比べた結果、
<script type="text/javascript" src="http://blog*.fc2.com/load.js"></script><br>
(*に入る数字はブログによって異なるはず、実際に公式テンプレートをダウンロードしてご確認ください。)
のjavascriptをHTMLに追加すると、絵文字・装飾機能が実装されるようです。
テンプレートのHTMLの
<label for="comment">COMMENT:</label><br>と
"COMMENT:"
の部分です
<textarea id="comment" cols="35" rows="8" name="comment[body]"></textarea><br>
コメントを実際に記入する場所↓です。
※クリックで大きな画像※
の間に絵文字用のjavascriptを追加します。
<label for="comment">COMMENT:</label><br>
<script type="text/javascript" src="http://blog*.fc2.com/load.js"></script><br>
<textarea id="comment" cols="35" rows="8" name="comment[body]"></textarea><br>
赤字が追加した部分
(*に入る数字はブログによって異なるはず、実際に公式テンプレートをダウンロードしてご確認ください。)
3.s-r-sさんの記事のとおりにもう一箇所訂正
s-r-s : コメント時に絵文字&装飾の新機能<form method="post" action="./" name="comment_form">
青字部分のタグを挿入したところ正常に機能するようになりました。
全く同じようにタグをいじります。
4.更新をクリックしてテンプレートを上書き
これで絵文字・装飾機能が追加完了です
コメント欄に飛ぶ
見事動いてます。
s-r-sさんの記事
http://shiro46.blog2.fc2.com/blog-entry-414.html
のおかげです、ありがとうございました!
感想・間違いの指摘ありましたらお願いします。
質問は知識が乏しいためあまり答えられないかもしれません、すみません。
※ご意見・ご感想・タレコミ等は、またはコメント欄、 、メールフォームまでお願いします。
■OAD「魔法先生ネギま!〜白き翼〜」
OAD1巻には豪華「描き下ろしDVDボックス」と原作準拠「朝倉和美パクティオーカード」付き!

- ■魔法先生ネギま!〜白き翼 ALA ALBA〜 --公式サイト--

- ■完全受注生産なので、予約しないと基本的に買えません!
- 関連Amazon:DVD付き初回限定版『魔法先生ネギま! 23巻』
┗8月12日発売/3570円(税込み)予約は終わってますが、Amazonに若干数在庫あり!
関連Amazon:DVD付き初回限定版『魔法先生ネギま! 24巻』
┗予約締切 9月26日(金)/発売日11月17日/3570円(税込み)
関連Amazon:DVD付き初回限定版『魔法先生ネギま! 25巻』
┗予約締切 9月26日(金)/発売日11月17日/3570円(税込み) - ■Amazon:ハッピー☆マテリアル リターン

2008年8月27日発売
赤松健描きおろしイラストジャケット<収録曲>
StarChild:OAD「「ネギま!白き翼」主題歌『ハッピー☆マテリアル リターン』より
1.ハッピー☆マテリアル リターン
2.輝く君へ
3.A-LY-YA
コメント
使えませんでした(T_T)
言われた様にjavaを挿入したんですが、アイコンは表示されても実際に使う事が出来ませんでした。
こちらのブログでも同様のようですので、ご報告をしておきます。
こちらのブログでも同様のようですので、ご報告をしておきます。
無理みたいです
すみません、javascriptをいしょくしてませんでした。今手直ししてますm(__)m
jsファイルの設定はあってるみたいですが、うまくDLできてないようです。
ごめんなさい、今の自分のスキルではどうにもならないようです。
jsファイルの設定はあってるみたいですが、うまくDLできてないようです。
ごめんなさい、今の自分のスキルではどうにもならないようです。
- | HOME |














