コメント欄パワーアップ作戦 （ 1 ）
2005年02月27日 AQ
★ コメント欄に絵文字を入れよう！
何度やってもうまく動作しなかったこの " コメント欄に絵文字 " ですが、雪が溶けて春が来たみたいな感じでやっと設置できました。今日の朝はなんかすごくさわやか！
このスクリプトを提供している大元は 「 stroll:blog 」 さん。
「 コメントにカスタマイズ絵文字入力機能 」 の記事で公開されております。その他に色々な為になるカスタマイズネタがてんこ盛り！ Pet
Lovers Only♪ では、投稿記事にも絵文字が挿入されていますが、それもこちらから勉強させていただきました。ブックマーク必須の重要サイトです。
「 livedoor Blog 絵文字入力支援スクリプト （ HTML 投稿形式用 ） 」
記事を投稿する際に絵文字を入れたい場合は、こちらを参考にして下さい。非常に簡単に導入できます。
記事を投稿する際に絵文字を入れたい場合は、こちらを参考にして下さい。非常に簡単に導入できます。
ただ今回は、コメントに絵文字を入力する為のスクリプトは、stroll:blog
さんの提供スクリプトを使用していません。理由は自分の理解力が不足しているのか、現在使用している他のスクリプトの相性なのかはわかりませんが、何度チャレンジしてもうまく動作しなかったんです。
ほとんどあきらめていた時に光が差し込みました。stroll:blog さんのスクリプトを元に livedoor オーナーの為に、簡単に導入できるスクリプトに最適化してくれた神様のような方がいらっしゃったんです。さっそくそこを覗いてみましょう。
さんの提供スクリプトを使用していません。理由は自分の理解力が不足しているのか、現在使用している他のスクリプトの相性なのかはわかりませんが、何度チャレンジしてもうまく動作しなかったんです。
ほとんどあきらめていた時に光が差し込みました。stroll:blog さんのスクリプトを元に livedoor オーナーの為に、簡単に導入できるスクリプトに最適化してくれた神様のような方がいらっしゃったんです。さっそくそこを覗いてみましょう。
サイト名は 「 buena
suerte! 」 すべての人々に幸運を！って書いてある。すぐにここで配布されているスクリプト導入にかかりました。
ページは、「 コメントに絵文字機能を livedoor
Blogで！ 」 非常にわかりやすく書いておられるので、誰でも簡単に設置できるはずです。ただスクリプトファイルをサーバーに上げる必要がありますので、livedoor
PRO の人でないと手間がかかります。（ プロバイダーの無料サーバースペースをご利用下さい ） 絵文字はあまり多くすると個別記事が重くなりますから要注意！
素材は stroll:blog
さんのところでも紹介されていますこちらでどうぞ↓
・ 黒い彼女/KU/RO/I/KA/NO/JO/
・ ☆ＳＷＥＥＴＳ☆
・ 1キロバイトの素材屋さん
・ PhoenityArtwork
・ .:.PEPPER .:. FREE GRAPHICS FOR WEB SITE
Pet Lovers Only♪ では、コメント欄の幅に合わせて絵文字を設定しました。もう少し種類を増やす事は簡単ですが、Win + IE では、絵文字が改行されず一列に並ぶ為、見栄えが悪いので絵文字の数を減らしました。それ以外のブラウザーで見ると、Mac でも Win （ NN / Firefox ） でも問題なく改行されるのですが
なんせデザインにこだわる Pet Lovers Only♪ ですから。さあ、みなさんも 「 buena
suerte! 」 に今すぐ Go!
・ ☆ＳＷＥＥＴＳ☆
・ 1キロバイトの素材屋さん
・ PhoenityArtwork
・ .:.PEPPER .:. FREE GRAPHICS FOR WEB SITE
Pet Lovers Only♪ では、コメント欄の幅に合わせて絵文字を設定しました。もう少し種類を増やす事は簡単ですが、Win + IE では、絵文字が改行されず一列に並ぶ為、見栄えが悪いので絵文字の数を減らしました。それ以外のブラウザーで見ると、Mac でも Win （ NN / Firefox ） でも問題なく改行されるのですが
なんせデザインにこだわる Pet Lovers Only♪ ですから。さあ、みなさんも 「 buena
suerte! 」 に今すぐ Go!その後 buena
suerte! さんのブログのコメント欄で絵文字の表示幅を設定できる方法が記載されておりました。HTML に記述する ・・・
<div>
<script type="text/javascript">
<!--
writeCustmizeEmojiTagList();
// -->
</script>
</div>
<script type="text/javascript">
<!--
writeCustmizeEmojiTagList();
// -->
</script>
</div>
この上記の 赤字の部分 を
<div style="width:指定する幅の数値px;">
に変えてください。これでコメント欄の幅に合わせて綺麗に改行されて表示されるはずです。
※ 追記 （ 2006年02月01日 ） ：
またまたその後 ・・・ buena
suerte! さんのブログにて、『
サーバーにスクリプトをアップせず、直接 HTML に記述して動作させる方法 』 を書いておられます。ホントに優しいね。この人 (^^)
■ 関連記事：
コメント欄パワーアップ作戦 （ 2 ）
コメント欄パワーアップ作戦 （ 3 ）
コメント欄パワーアップ作戦 （ 4 ）
コメント欄パワーアップ作戦 （ 5-1 ）
コメント欄パワーアップ作戦 （ 5-2 ）
コメント欄パワーアップ作戦 （ 3 ）
コメント欄パワーアップ作戦 （ 4 ）
コメント欄パワーアップ作戦 （ 5-1 ）
コメント欄パワーアップ作戦 （ 5-2 ）
1. コメント欄の絵文字 [ ruru's footprint ]
2006年12月03日 18:50
コメント欄に可愛い絵文字を設置されているブログをよく見かけます。
私も、してみたいなぁ〜と思っていました。
前のブログで、何度かチャレンジしてみましたが・・・。
上手くいかず諦めかけていました。
ですが、ＡＱさんのブログで紹介されてるのを拝見しま....
1. Posted by ゆめこ 2006年04月01日 16:54
ｺﾝﾆﾁヮ [ハート]
私もずっとコメントの絵文字のカスタマイズをやりたくて [無言]
しかも今気づきましたが[ポカーン]コメントがプレビューされている [ビックリ]
ちょっと今から隅々まで読んでみて分からなかったらお聞きするかもしれませんが [無言]
そのときはよろしくお願いいたします [ビックリ]
私もずっとコメントの絵文字のカスタマイズをやりたくて [無言]
しかも今気づきましたが[ポカーン]コメントがプレビューされている [ビックリ]
ちょっと今から隅々まで読んでみて分からなかったらお聞きするかもしれませんが [無言]
そのときはよろしくお願いいたします [ビックリ]
2. Posted by AQ 2006年04月01日 17:07
＞ ゆめこ さん 初めまして (^^)
リニューアル後の新しいテンプレートを使用している場合は、初めから絵文字が付いているので、新しく絵文字を入れるカスタマイズをする時は、既存の絵文字を外さなければいけません。
まずはそこからですね。
わからなかったら、いつでも遊びに来て下さい。(^^)
リニューアル後の新しいテンプレートを使用している場合は、初めから絵文字が付いているので、新しく絵文字を入れるカスタマイズをする時は、既存の絵文字を外さなければいけません。
まずはそこからですね。
わからなかったら、いつでも遊びに来て下さい。(^^)
3. Posted by ましまろ 2006年08月04日 18:34
喜んだのもつかの間で、個別記事になると、左側のサイドバーが落ちました。[もっとorz...]
絵文字の表示幅指定もして見ましたが、（ジャバスクリプトが始まるところですよね。Divは見つかりませんでした）全く変わりませんでした。
どうしたらよいのでしょうか[鼻水]
絵文字の表示幅指定もして見ましたが、（ジャバスクリプトが始まるところですよね。Divは見つかりませんでした）全く変わりませんでした。
どうしたらよいのでしょうか[鼻水]
4. Posted by ましまろ 2006年08月04日 18:40
は。。解りました。他の場所ですでに設定していたから、だめだったことに！Widthを４００に設定していたようです。それを３００にしたら、サイドバーが落ちなくなりました。
は〜〜〜〜
こうして、考えられるようになったのも、今までのカスタマイズ勉強のたまもの。。
お騒がせしました。[叫び]
は〜〜〜〜
こうして、考えられるようになったのも、今までのカスタマイズ勉強のたまもの。。
お騒がせしました。[叫び]
5. Posted by AQ 2006年08月04日 20:35
＞ ましまろさん
>>3
>>4
さっきのさっきまで仕事に追われていて、
今やっとパソコンの前に座りました [汗汗]
・・・ でっ、このコメントを見て、何がなんやら意味がわからなかったんだけど、ナレッジのほうのコメントとサイドカラムの BBS を見させて頂いて、やっと状況を把握しました ^^;
とにかく、完成おめでとうございます ヽ(^｡^)ノ
でも、良い傾向だと思いますよ。手取り足取りお教えするのは簡単だけど、こうやって自分で原因を突き止めて、自分で解消するというのは。
ましまろさんが初めの頃、ナレッジで色々と質問していたのが、もうずいぶん昔のように思えます。もっと色々とチャレンジして、スキルをガンガンとあげて下さいね。[アハ]
>>3
>>4
さっきのさっきまで仕事に追われていて、
今やっとパソコンの前に座りました [汗汗]
・・・ でっ、このコメントを見て、何がなんやら意味がわからなかったんだけど、ナレッジのほうのコメントとサイドカラムの BBS を見させて頂いて、やっと状況を把握しました ^^;
とにかく、完成おめでとうございます ヽ(^｡^)ノ
でも、良い傾向だと思いますよ。手取り足取りお教えするのは簡単だけど、こうやって自分で原因を突き止めて、自分で解消するというのは。
ましまろさんが初めの頃、ナレッジで色々と質問していたのが、もうずいぶん昔のように思えます。もっと色々とチャレンジして、スキルをガンガンとあげて下さいね。[アハ]
6. Posted by ruru 2006年12月03日 18:54
こんばんわｗ いつも、お世話になってます。
トラックバックさせて いただきました。
(*- -)(*_ _)ペコリ
トラックバックさせて いただきました。
(*- -)(*_ _)ペコリ
7. Posted by AQ 2006年12月03日 20:53
＞ ruru さん
>>6
トラックバック、ありがとうございます (^^)
綺麗に絵文字の設置ができましたね。
でも何も同じ絵文字にしないで、違うのにしたら良かったのに ^^;
色々あるでしょうに ｗｗ
>>6
トラックバック、ありがとうございます (^^)
綺麗に絵文字の設置ができましたね。
でも何も同じ絵文字にしないで、違うのにしたら良かったのに ^^;
色々あるでしょうに ｗｗ
8. Posted by ruru 2006年12月03日 23:35
＞ＡＱさん
>>7
お越しいただき、ありがとうございました。[ラブラブ]
(*- -)(*_ _)ペコリ
探したのですが、これが一番かわいくて気に入りましたのでｗ
同じになっちゃいましたｗｗ 前のブログでも、これでしたし。[ニコ]
コメント欄のタグ機能も、同じものを使ってました。
設置は、もっと先にしますが・・・。 ＾＾；
問題はプレビューなんですよね・・・・・。
反映させる指示が分かりませんので。 ｶﾞｸｯ!!＿|￣|○
これも、設置は もっと先にしますが・・・・。
>>7
お越しいただき、ありがとうございました。[ラブラブ]
(*- -)(*_ _)ペコリ
探したのですが、これが一番かわいくて気に入りましたのでｗ
同じになっちゃいましたｗｗ 前のブログでも、これでしたし。[ニコ]
コメント欄のタグ機能も、同じものを使ってました。
設置は、もっと先にしますが・・・。 ＾＾；
問題はプレビューなんですよね・・・・・。
反映させる指示が分かりませんので。 ｶﾞｸｯ!!＿|￣|○
これも、設置は もっと先にしますが・・・・。
9. Posted by AQ 2006年12月04日 01:21
＞ ruru さん
>>8
[blockquote]問題はプレビューなんですよね・・・・・。
反映させる指示が分かりませんので。[/blockquote]
ん？ 反映させる指示 ・・・ (･･?)
あ〜、タグの文字そのままじゃなくて、絵文字が直接コメント欄に
表示されるようにするやり方 [？]
そう言えば前にそんな事、言ってたね ｗｗ
AQ も思い出しておくとか何とか [アイタ]
年内は無理だね ^^; それどころじゃないし ・・・
>>8
[blockquote]問題はプレビューなんですよね・・・・・。
反映させる指示が分かりませんので。[/blockquote]
ん？ 反映させる指示 ・・・ (･･?)
あ〜、タグの文字そのままじゃなくて、絵文字が直接コメント欄に
表示されるようにするやり方 [？]
そう言えば前にそんな事、言ってたね ｗｗ
AQ も思い出しておくとか何とか [アイタ]
年内は無理だね ^^; それどころじゃないし ・・・
10. Posted by ruru 2006年12月04日 03:59
＞ＡＱさん
>>9
[blockquote]そう言えば前にそんな事、言ってたね ｗｗ
AQ も思い出しておくとか何とか[アイタ][/blockquote]
そそ。 その話です。 思い出しておいてください d(-ω･｡)иё!!!
来年でいいですから [ニコ] 年明けたら聞きますよ〜[音符]
お願いしますねｗ 先生 [ラブラブ] だって、コメント欄のタグ機能って
使ってる人って、あまりいないってＡＱさんが仰ってたでしょう？
絵文字 + タグ の両方を使用されてますし。 しかも、同じモノを。
ＡＱさんに聞くしかないですもの。 (｡´･ω･)(･ω･｀｡)ﾈｰ
よろしくお願いします。 (*- -)(*_ _)ペコリ
>>9
[blockquote]そう言えば前にそんな事、言ってたね ｗｗ
AQ も思い出しておくとか何とか[アイタ][/blockquote]
そそ。 その話です。 思い出しておいてください d(-ω･｡)иё!!!
来年でいいですから [ニコ] 年明けたら聞きますよ〜[音符]
お願いしますねｗ 先生 [ラブラブ] だって、コメント欄のタグ機能って
使ってる人って、あまりいないってＡＱさんが仰ってたでしょう？
絵文字 + タグ の両方を使用されてますし。 しかも、同じモノを。
ＡＱさんに聞くしかないですもの。 (｡´･ω･)(･ω･｀｡)ﾈｰ
よろしくお願いします。 (*- -)(*_ _)ペコリ
11. Posted by AQ 2006年12月04日 09:21
＞ ruru さん
>>10
[blockquote]絵文字 + タグ の両方を使用されてますし。しかも、同じモノを。[/blockquote]
いや [汗汗] そりゃあんたが、限りなく AQ と同じ仕様にブログをカスタマイズしているからじゃないの [汗タラー] ﾊﾊ A^^;
>>10
[blockquote]絵文字 + タグ の両方を使用されてますし。しかも、同じモノを。[/blockquote]
いや [汗汗] そりゃあんたが、限りなく AQ と同じ仕様にブログをカスタマイズしているからじゃないの [汗タラー] ﾊﾊ A^^;
12. Posted by ゆZ 2007年02月22日 14:33
はじめまして！
いつも AQ さんのサイトでペットの情報を拝見しつつ
（ 私はシェットランドシープドッグとパピヨンを飼ってますｗ ）、
ブログのカスタマイズ法などを勉強もらってます。
突然で申し訳ありませんが、こちらで質問させてください。
上記で
[blockquote]記事を投稿する際に絵文字を入れる場合は、
こちらを参考にして下さい。[/blockquote]
とありますが、どうやら紹介先のjsファイルが置いてあったサーバーが消えてしまい、スクリプトが使えない状態にあります。けれどAQさんのステキブログの記事にはオリジナルの絵文字が現在も健在！
なので記事に絵文字をどうやって挿入しているかご教授いただきたく思います。記事に絵文字をいれる方法の記事を探してみましたが見当たりませんでしたので （ 見落としでしたらばすみません [えっえっ！] ）
こちらの記事にコメントさせていただきました。
対象ブログはライブドアです。
いつも AQ さんのサイトでペットの情報を拝見しつつ
（ 私はシェットランドシープドッグとパピヨンを飼ってますｗ ）、
ブログのカスタマイズ法などを勉強もらってます。
突然で申し訳ありませんが、こちらで質問させてください。
上記で
[blockquote]記事を投稿する際に絵文字を入れる場合は、
こちらを参考にして下さい。[/blockquote]
とありますが、どうやら紹介先のjsファイルが置いてあったサーバーが消えてしまい、スクリプトが使えない状態にあります。けれどAQさんのステキブログの記事にはオリジナルの絵文字が現在も健在！
なので記事に絵文字をどうやって挿入しているかご教授いただきたく思います。記事に絵文字をいれる方法の記事を探してみましたが見当たりませんでしたので （ 見落としでしたらばすみません [えっえっ！] ）
こちらの記事にコメントさせていただきました。
対象ブログはライブドアです。
13. Posted by AQ 2007年02月23日 03:38
＞ ゆZさん 初めまして (^^)
>>12
コメントを読んでいて違和感があったのですが、コメント欄に絵文字を導入する話では無く、管理画面の記事投稿部分に絵文字を設定して、投稿記事文章中に絵文字を掲載する方法をお聞きなのですね [？]
私はこのスクリプトを使用せず、手打ちで絵文字画像が表示されるようにタグを記事文章中に書いています。このようにです。
[blockquote]あらら <img border="0" src="http://blog.pekebatu.com/img/08.gif" width="17" height="17"> 失敗 ^^;[/blockquote]
そうすると、こうなります。
[blockquote]あらら [汗汗] 失敗 ^^;[/blockquote]
ただこれだけの事です。
ご紹介しているサイトには確かに定義ファイルをダウンロードする事は現在できないようですが、その下に記載されているスクリプトファイルの記述をご自身でコピーして、使用する絵文字画像のアドレスなどを追記した後、ご自身のサーバーにアップロードすれば使用できるようになります。
秀丸などのテキストエディターを使用して定義ファイルを作成するか、Windows 純正のメモ帳でもできると思いますよ。もう一度、リンク先の記事文章を良くお読み下さい。
どこら辺であちらの記事の内容をカン違いなさっているか、見当が付かないので、コメントのやりとりで解決していきましょうか [？]
>>12
コメントを読んでいて違和感があったのですが、コメント欄に絵文字を導入する話では無く、管理画面の記事投稿部分に絵文字を設定して、投稿記事文章中に絵文字を掲載する方法をお聞きなのですね [？]
私はこのスクリプトを使用せず、手打ちで絵文字画像が表示されるようにタグを記事文章中に書いています。このようにです。
[blockquote]あらら <img border="0" src="http://blog.pekebatu.com/img/08.gif" width="17" height="17"> 失敗 ^^;[/blockquote]
そうすると、こうなります。
[blockquote]あらら [汗汗] 失敗 ^^;[/blockquote]
ただこれだけの事です。
ご紹介しているサイトには確かに定義ファイルをダウンロードする事は現在できないようですが、その下に記載されているスクリプトファイルの記述をご自身でコピーして、使用する絵文字画像のアドレスなどを追記した後、ご自身のサーバーにアップロードすれば使用できるようになります。
秀丸などのテキストエディターを使用して定義ファイルを作成するか、Windows 純正のメモ帳でもできると思いますよ。もう一度、リンク先の記事文章を良くお読み下さい。
どこら辺であちらの記事の内容をカン違いなさっているか、見当が付かないので、コメントのやりとりで解決していきましょうか [？]
14. Posted by ゆZ 2007年02月23日 10:42
AQさんこんにちは！
早速コメントありがとうございました。
[blockquote]私はこのスクリプトを使用せず、手打ちで絵文字画像が表示されるようにタグを記事文章中に書いています。[/blockquote]
あわわ。AQさんは使っていなかったのですね＾＾；
失礼しました[汗タラー]
でしたらばこのスクリプトについてAQさんに質問するのは大変失礼なことになってしまいますので、コメントにて問題解決！ということは喜んでお受けすることはできません[ガクブル]
と、いうことで自宅のニッキにて今どこでつまずいているかを文章にしてみましたのでお時間のあるときにでもご確認いただければ幸いです。
やはり手打ちが無難で一番なのかもしれませんね＾＾；
早速コメントありがとうございました。
[blockquote]私はこのスクリプトを使用せず、手打ちで絵文字画像が表示されるようにタグを記事文章中に書いています。[/blockquote]
あわわ。AQさんは使っていなかったのですね＾＾；
失礼しました[汗タラー]
でしたらばこのスクリプトについてAQさんに質問するのは大変失礼なことになってしまいますので、コメントにて問題解決！ということは喜んでお受けすることはできません[ガクブル]
と、いうことで自宅のニッキにて今どこでつまずいているかを文章にしてみましたのでお時間のあるときにでもご確認いただければ幸いです。
やはり手打ちが無難で一番なのかもしれませんね＾＾；
15. Posted by AQ 2007年02月25日 22:14
＞ ゆＺさん
>>14
ごめんなさいね [汗汗] やっと手があきました (+_+)
ニッキ？ （ ブログ ） の方を見にいきますね ヽ(^｡^)ノ
一度流れを読んでみて、考えてみます。
>>14
ごめんなさいね [汗汗] やっと手があきました (+_+)
ニッキ？ （ ブログ ） の方を見にいきますね ヽ(^｡^)ノ
一度流れを読んでみて、考えてみます。
16. Posted by こりゃすげぇ 2011年05月14日 09:43
こりゃあすげぇえや[ガクブル]
17. Posted by こりゃすげぇ 2011年05月14日 09:46
[blockquote]トランプ[/blockquote]
[del]うひょー[/del]
>>14
※1
[del]うひょー[/del]
>>14
※1
![[BloMotion]ブログで記事を書いて報酬をゲット!!](http://blomotion.jp/img/blogBnr-invite.gif "[BloMotion]ブログで記事を書いて報酬をゲット!!")
