

So-netブログのコメント欄に絵文字
» So-netブログ改造ワザ
[追記] 2008/03/31
新絵文字対応しました →解説記事はこちら
ソネブロってスキンの種類が少なくてしかもどれもイマイチなんですよねぇ・・・
で、自分でスクリプトでいじっていろいろ改造できないかなと思って参考にできるブログがないか探してたら、目的とは別のことでナイスな記事を発見。
youさんがコメント欄に絵文字を挿入できるスクリプトを公開していて、
これは素晴らしい!ということでさっそく活用してみました。

で、ちょっと改造してソネブロの標準の絵文字を使えるようにしてみました。
でも標準の絵文字ってイマイチかも・・・
下のコードをカスタムペインの空いているところにもしくは表示しているサイドバーコンテンツの「挿入テキスト(上または下)」のところに貼り付けます。ブログの管理設定項目の「自動リンク」を「リンクしない」に設定して入力してください
もしスクリプト本体が削除された場合、既に書きこまれたコメントそのものが消えることはありませんが、絵文字の部分は [×××] のような識別文字列のままになります。
[追記] 2007/01/27
新たに追加された3カラムタイプのスキンにあわせて幅を狭めたバージョンはこちら↓。
スクリプトファイル名が emoji4msg.js から emoji4msg2.js になっているだけで利用の手順は同じです。 カラムの最大幅で折り返すようにしてあるので、2カラムタイプのスキンの人も使えます。
お試しあれ。
質問などありましたらコメント欄にお願いします。
[追記] 2008/02/28
2/25~2/27のシステムリニューアルの影響で絵文字が入力できない不具合を改修しました。

新絵文字対応しました →解説記事はこちら
ソネブロってスキンの種類が少なくてしかもどれもイマイチなんですよねぇ・・・
で、自分でスクリプトでいじっていろいろ改造できないかなと思って参考にできるブログがないか探してたら、目的とは別のことでナイスな記事を発見。
youさんがコメント欄に絵文字を挿入できるスクリプトを公開していて、
これは素晴らしい!ということでさっそく活用してみました。
で、ちょっと改造してソネブロの標準の絵文字を使えるようにしてみました。
でも標準の絵文字ってイマイチかも・・・
下のコードをカスタムペインの空いているところにもしくは表示しているサイドバーコンテンツの「挿入テキスト(上または下)」のところに貼り付けます。ブログの管理設定項目の「自動リンク」を「リンクしない」に設定して入力してください
<script type="text/javascript" src="http://www003.upp.so-net.ne.jp/bjork/emoji4msg.js"></script>
もしスクリプト本体が削除された場合、既に書きこまれたコメントそのものが消えることはありませんが、絵文字の部分は [×××] のような識別文字列のままになります。
[追記] 2007/01/27
新たに追加された3カラムタイプのスキンにあわせて幅を狭めたバージョンはこちら↓。
スクリプトファイル名が emoji4msg.js から emoji4msg2.js になっているだけで利用の手順は同じです。 カラムの最大幅で折り返すようにしてあるので、2カラムタイプのスキンの人も使えます。
<script type="text/javascript" src="http://www003.upp.so-net.ne.jp/bjork/emoji4msg2.js"></script>
お試しあれ。
質問などありましたらコメント欄にお願いします。
[追記] 2008/02/28
2/25~2/27のシステムリニューアルの影響で絵文字が入力できない不具合を改修しました。

JavaScript 1 はじめてのプログラミングとJavaScriptの基礎 (CD-ROM付) (プログラミング学習シリーズ) (プログラミング学習シリーズ)
- 作者: 日向 俊二
- 出版社/メーカー: 翔泳社
- 発売日: 2009/01/30
- メディア: 大型本

CSS&JavaScript表現アイデア帖 (インプレスムック エムディエヌ・ムック)
- 作者:
- 出版社/メーカー: MdN
- 発売日: 2008/07/18
- メディア: ムック
Facebook コメント
Facebook コメントに書き込まれた質問に対する返答・回答は行いません。ご了承ください。トラックバック 3
コメント欄改造(お馬鹿さんの戯言 2007-08-30 21:14)
よくお邪魔しているsumimintさんのブログのコメント欄に絵文字が入るようになっていて、これは私もやってみたいってことでチャレンジしてみましたTANさんが作成したソネブロで使われている絵文字をコメント欄でも入力できるやつを使わせて頂きましたが、youさんの作成されたものが基本になってい…[続く]
コメント欄に絵文字を投入( ちょこらぶぅ α 2007-07-16 16:26)
ブログのコメント欄に絵文字が投入できる事をゆんてぃさんに教えて頂き、早速挑戦。 http://blog.so-net.ne.jp/youmode/2006-06-03 ↑に絵文字設定の仕方が記載されていました♪ 設定してみたところ、絵文字の改行がうまくいかなかったので早速検索開始。「音楽…[続く]
So-net blog改造計画 その1(youmode blog 2006-06-06 22:03)
お待たせしました。So-net blog コメント絵文字機能追加スクリプトを提供します。 下記をサイドバーに埋め込んでください。 これだけでコメントに絵文字が使えます。簡単でしょ? サイドバーへの埋め込み方法 [管理ページ]→[設定]→[サイドバー]と進む。 …[続く]
この記事のトラックバックURL:
※言及リンクのないトラックバックは受信されません。






テストです。[OK]
とりあえずこんな感じで。[温泉マーク]
by TAN (2006-06-06 16:21)
はじめまして。[目玉]いいですねー。アイコン変更ってことは、スクリプトのソースまで頂けたんですね。うらやましい。youさんのところでソースをのぞいてみたらblogのURLが埋め込まれてる部分があって、そこを変数で呼び出すことになりそうですね。私には無理[汗]So-netのアイコンも、特別おしゃれって訳ではないけど、使い勝手は良さそうですね[!!]
by 氷の翡翠 (2006-06-06 17:13)
いやじつはまだ返事頂いてないんですが、とりあえずできるかどうかトライしてみました。
もしyouさんが流用ダメだと言われたらyouさんのオリジナルに戻すかも・・・
by TAN (2006-06-06 17:42)
ありゃりゃ[!?]こんなことまで出来ちゃうんですか?
PC音痴には想像もつかない進化でございます。
これからも色んなマジックを見せてください[ラブラブハート]
↑
この絵文字使うの恥ずかしい・・・。
by minisab (2006-06-06 21:46)
youさんから[OK]が出て、良かったですね[!!]スクリプトをシェアウェア公開してくれないかな?と期待するのですが、さすがにyouさんのところではおこがましくて書けませんでした(笑)。こちらのwebカテゴリは、いい情報が満載ですね。読んでてタメになります。これからも色々教えてください。
by 氷の翡翠 (2006-06-07 01:59)
>minisabさん
ちょこっといじっただけなので改造というほどではないかも[汗]
それだけyouさんの元スクリプトが分かりやすく綺麗に作ってあるということですね。
>氷の翡翠さん
快い返事がもらえてよかったです。[チョキ]
次は自分発のオリジナルなワザを公開したいですね。
がんばります。[汗汗]
by TAN (2006-06-07 10:52)
はじめまして!
色々とカスタマイズを出来る事を知ったのが、
TANさんのBlogからでした(^ー^)ノ[ぴかぴか]
この絵文字スクリプト最高[ニコニコ]です。
是非使わせていただきます~。
by 60Hz (2006-06-24 18:39)
Hiros Listeningさん、ありがとうございます。
何か不具合あったらできるかぎり対応しますのでよろしくです。
by TAN (2006-06-24 21:37)
はじめまして、こんにちは!
このワザすごいですね。早速使わせていただきました。
so-netのブログって味気ないとおもっていたので、
他のワザもがんばって使わせていただきまーす。
ありがとうございました。
by hisamiko (2006-10-08 14:36)
hisamikoさん、コメントありがとうございます。
できる限りフォローしますので、
分からないことがあったら気軽に聞いてくださいね。
by TAN (2006-10-08 16:04)
はじめまして。
ソネブロの絵文字が使えるのがビックリしました。
使わせていただきます!
by しみ (2006-11-13 07:33)
しみさん、コメントありがとうございます。[ニコニコ]
もし設置で分からないところがあったら気軽に聞いてください。
by TAN (2006-11-13 13:27)
初めてまして!
さっそく使わせて頂きます[ニコニコ]
ありがとうございました♪
by もっち (2006-11-20 20:02)
もっちさん、コメント&使っていただきありがとうございます[ニコニコ]
分からないことあったら気軽に聞いてくださいね。
by TAN (2006-11-21 13:22)
初めまして[ニコニコ]
今まで知りませんでした[汗汗]
私も早速使わせて頂きます[ラブハート]
so-netの絵文字ってかわいくないけど、使えるだけでうれしいです[ぴかぴか]
ありがとうございます!!
by hamaneko (2007-01-11 09:59)
hamanekoさんコメントありがとうございます。
うまく設置できたようですね[チョキ]
もし動きがおかしいところとかあったら、出来る限り対応しますので
気軽に連絡していただけると助かります。
by TAN (2007-01-11 20:35)
はじめまして!
so-netって、ちゃんとカスタマイズできるんですね[汗汗]
全然知りませんでした[汗]
知識のないワタシでも簡単に設定することができました!
ありがとうございました[ぴかぴか]
by chiro (2007-01-13 21:23)
chiroさん、コメントありがとうございます。
現在は公式にはカスタマイズはサポートされてませんが、
JavaScriptを使っていろいろ変更することが可能なんです。[ニコニコ]
公式ブログによると今月中にスキンのカスタマイズ機能が正式に
実装されるらしいので、もっといろいろ面白いカスタマイズが
できるようになるかも・・・
by TAN (2007-01-13 21:48)
初めまして!
so-net blog のオリジナルスキン追加でいろいろ探していたところ、こちらの絵文字の機能を発見し、自分のブログにも設置させていただきました[ニコニコ]
素晴らしいですね!ありがとうございます!
by toshio (2007-01-27 01:47)
toshioさん、コメントありがとうございます。[ニコニコ]
ブログを拝見したら、新機能の3ペイン表示だと記事の幅がせまくなっていてアイコンの並びがずれてしまってますね・・・
あとで3ペイン用の修正バージョンを追加公開したいと思います。
by TAN (2007-01-27 17:11)
おお!!わざわざありがとうございます!!
早速使わせていただきます[ニコニコ]
ほんと感謝です![ぴかぴか]
by toshio (2007-01-31 06:51)
あまり細かく確認していないので、
うまくフィットするかどうかわかりません。
とりあえず試してみてください。
by TAN (2007-01-31 16:03)
初めまして!
コメント欄に絵文字を入れられる事を、他のブログで知りまして
検索してみた所、こちらのブログに辿り付きました。
私も、是非使わせていただきたいので、よろしくお願いします[ニコニコ]
by まゆポン (2007-06-24 22:24)
まゆポンさんコメントありがとうございます[ニコニコ]
設置で分からないことがあったら気軽に質問してください。
by TAN (2007-06-24 22:31)
はじめまして♪
ブログ巡りしてたら、絵文字の事を知りまして、
どうしてもつけたくなって、こちらにお邪魔しました[ぴかぴか]
さっそく使わせて頂きました[ラブラブハート]
ありがとうございました[ニコニコ]
by 明 (2007-06-26 18:33)
明さんコメントありがとうございます[ニコニコ]
他にもいろいろ小技を公開してますので、よかったら参考にしてみてください。
by TAN (2007-06-26 20:35)
はじめまして♪
友人の紹介で来ました(*´∇`*)
早速チャレンジさせていただきました[ラブラブハート]
ありがとうございました[ぴかぴか]
次はゲストアイコンにチャレンジします[晴れ]
by ちょび (2007-07-11 02:17)
ありがとうございます。[チョキ]
さっそく使わせてもらいます。感謝!
by がり (2007-07-11 17:56)
ちょびさん、がりさん、コメントありがとうございます[ニコニコ]
分からないとことかあったら気軽に聞いてくださいね。
by TAN (2007-07-11 20:48)
so-net絵文字で検索してたどり着きました。
試してみたくなるような、記事ばかりでとても勉強になります[ぴかぴか]
TANさんがYOUさんのスクリプトを改造したスクリプトで、自分の絵文字を作ってみましたところ、なかなか良い(自己満)ので、ブログ内で配布させて頂きたく思いコメントを残させて頂きました。
まだまだ勉強不足の未熟者ですが、よろしくお願い致します[汗][汗]
by opacyo (2007-07-16 16:24)
opacyoさん、コメント&参考にして頂きありがとうございます[ニコニコ]
ブログ拝見しました。
設置は問題なくできてるようですね[チョキ]
ウチのブログで公開しているスクリプトはどんどん改造してもらって[OK]ですよ。
by TAN (2007-07-16 20:32)
初めまして![ニコニコ]
がりさんのところで教えていただいて参りました。
さっそく使わせていただきます。
ありがとうございました。
by tenko (2007-07-18 11:56)
テンコさん、コメントありがとうございます[ニコニコ]
分からないとことかあったら気軽に質問してくださいね。
by TAN (2007-07-18 21:05)
初めまして^^
絵文字のスクリプトを使わせていただいたんですが、なぜか表示されないです。。。
原因がわからないのですがぜひ教えていただけますか?[しょぼ~ん]
by ぷらいん (2007-08-01 16:36)
ぷらいんさん、はじめまして。
今ぷらいんさんのブログ見たらYOUさんバージョンの絵文字がちゃんと表示されてますが・・・
そうじゃなくて、ウチのバージョンに差し替えたいということでしょうか?
もしそうならYOUさんのスクリプトを外さないと多分動かないと思います。
貼り付け方はYOUさんのと同じです。
あと、貼り付けるときはシンプル編集で貼り付けてください。
by TAN (2007-08-01 21:04)
こんばんは!
ゲストアイコンに続き、こちらも、使わせて頂きました♪
いろいろ勉強になります。。。
これからも、楽しい改造楽しみにしております。
本当に有り難うございました[!]
by emepapa (2007-08-16 00:41)
emepapaさん、またまたありがとうございます[ニコニコ]
じつは今faviconをどうにか変更できないかと試行錯誤中なのですが
なかなかうまくいきません。
(やっぱHEADタグに直接置けないと難しいですね~)
ていうかソネブロのfaviconダサすぎる[!]
by TAN (2007-08-16 21:24)
なんか、PCで絵文字って、
かなりイイですね***[チョキ]
by 杏 (2007-08-18 11:35)
はじめまして!
sumimintさんのところで使っているのを拝見して、私も使ってみたくお邪魔しました!
さっそくチャレンジさせていただきました[ラブラブハート]
ありがとうございます[!!]
by なおみ (2007-08-30 20:56)
なおみさん、コメントありがとうございます[ニコニコ]
3カラム版は急遽作って細かい動作チェックできてないので
もしおかしなところがあったら連絡いただけると助かります。
by TAN (2007-08-30 22:03)
初めまして。
絵文字が使えるんですね[ぴかぴか]
とってもかわいいブログになりそうです。
使わせていただきますのでよろしくお願いします。
by (2007-09-03 13:50)
ぽぽのままさん、コメントありがとうございます[ニコニコ]
設置でわからないことがあったら気軽に質問してくださいね。
by TAN (2007-09-03 20:02)
明さんのところで教えていただいてきました
とても素晴らしいと思います[!!]
使わせて下さい[ラブラブハート]
by chima (2007-09-06 09:09)
chima さんコメントありがとうございます[ニコニコ]
設置でわからないことがあったら気軽に質問してくださいね。
by TAN (2007-09-06 22:26)
はじめまして。今月からソネットに引っ越してきました。カスタマイズ技を色々探していたら、「ちょこらぶうBlog」さんからたどり着きました。使わせていただきたいんですが、よろしいでしょうか[!?]
by helfrich (2007-09-17 18:42)
helfrich さんコメントありがとうございます[ニコニコ]
ぜひ使ってみてください。
設置で分からないことがあったら気軽に聞いてくださいね。
by TAN (2007-09-17 19:44)
今しがた、自ブログに設定してる絵文字を 訪問いただいたブロガーさんに
尋ねられて、こちらを お知らせしたら、自分の〔nice!〕&コメントが
ここに無いことに 今頃 気づきました。失礼いたしました!m(__)m
GUESTアイコンの絵柄☆こちらで頂いた絵が気に入ったまま、もう
1年以上 愛用してきております。(#^.^#) その節も、大変 お世話になり
ました!m(__)m
by 流星☆彡 (2007-10-18 13:01)
ありがとうございます。私のブログにも貼り付けたかったんです~[ラブハート]
by hoihoi (2007-10-18 13:49)
>流星☆彡さん
いえいえ、お気になさらずに[ニコニコ]
気が付けばniceが300越えてますね~[ぴかぴか]
>hoihoiさん
設置で分からないことがあったら気軽に質問してください。
by TAN (2007-10-18 21:02)
はじめまして[!]可愛いので早速使わせていただきます[ぴかぴか]
by チョア♪ (2007-10-29 16:58)
チョア♪ さんコメントありがとうございます[ニコニコ]
設置で分からないことがあったら気軽に質問してくださいね。
by TAN (2007-10-29 21:40)
ありがとうございます[ニコニコ]
ブログにこーゆーの、つけたかったんです[ラブラブハート]
by happy-2525 (2007-11-04 11:16)
Smileさんコメントありがとうございます
設置で分からないことがあったら気軽に質問してくださいね。
by TAN (2007-11-04 21:05)
不慣れな私にもとっても簡単に設置することができました[!!]またブログを開く楽しみが増えて、とても嬉しいです[ラブハート]ありがとうございましたぁ[晴れ][ニコニコ]
あとは誰か初コメントを入れてくれないかなぁ…と首を長くして待つばかりです[ショック!][汗]
by lupin (2007-11-04 22:41)
lupinさんコメントありがとうございます[ニコニコ]
絵文字機能ってやっぱりあると楽しいですよね。
使ってて動きがおかしいところとかあったら気軽に質問してください。
by TAN (2007-11-05 21:20)
絵文字がいれたくて検索したら
こちらにたどりつきました[ニコニコ]
使わせていただきます[ラブラブハート]
ありがございます[ぴかぴか]
by hiro_ (2008-01-28 21:01)
hiro_さんコメントありがとうございます[ニコニコ]
設置で分からないところがあったら気軽に聞いてください。
by TAN (2008-01-28 22:02)
はじめまして。
今のノーマルのままでは何だか寂しいナァと思っていた矢先、
素敵なこちらのブログに出会えました。
早速試させていただきました。
ありがとうございました。[ラブハート]
by 風 (2008-02-10 22:31)
風さんコメントありがとうございます[ニコニコ]
設置で分からないこととかあったら気軽に聞いてくださいね。
by TAN (2008-02-10 22:40)
こんばんは~。
修正ありがとうございましたm(._.*)mペコッ
コメント欄の絵文字もゲストアイコンも復活しました[ラブラブハート]
by 明 (2008-02-29 20:14)
これくらいの対応ならまだ許せるのですが、
今回のシステムリニューアルは不具合多すぎですよね。
カテゴリーでまとめて表示させると
ブログ全体のレイアウトが左にずれておかしくなります。
直したと言いつつ全然直ってない[ぷんぷん]
by TAN (2008-02-29 22:50)
システムリニューアルで絵文字&ゲストアイコン使えず困っていました。。。
修正版、、、又、使わせて頂きます[ラブラブハート]
ホント、、、有り難うございます[!!]
お友達にも、TANさんの、ブログ教えてあげたいです(爆笑)
絵文字&ゲストアイコンを私のワンコ専門ブログで紹介しても、
宜しいでしょうか?
これからも、宜しくお願いします[ラブラブハート]
by emepapa (2008-03-01 09:47)
emepapaさん、ぜひ紹介してください[ニコニコ]
by TAN (2008-03-01 14:43)
有り難うございました[チョキ]早速記事にさせて頂きます[ぴかぴか]
by emepapa (2008-03-01 20:01)
はじめまして[ニコニコ]最近ブログをはじめたブログ初心者です[汗汗]
コメント欄に絵文字が使えないと検索してみたところ。
こちらのブログにたどりつきました。
なんとか絵文字は表示できました。
ありがとうございます[ニコニコ]
by うち (2008-03-31 11:31)
そういえば記事に書ける絵文字って先月システムリニューアルから変わってますね。
普段記事の中でほとんど絵文字使わないので気づきませんでした[汗]
近いうちに新旧絵文字対応版を作りたいと思います。
by TAN (2008-03-31 17:06)
初めまして。絵文字で検索してこちらにたどり着きました。
早々に設定させていただききました。
ありがとうございます。
by Ladybird (2008-04-22 14:51)
Ladybirdさんコメントありがとうございます。
先月末にVer.2にしたばかりなので、動きが怪しいところとかあったら知らせてもらえると助かります。
by TAN (2008-04-22 21:07)
初めまして[__るんるん]
わたしも他の方々と同じにこちらに辿り着来ました。
こんなコトが出来るなんてすごく嬉しいです[__揺れるハート]
早速設定させて頂きました(#^.^#) ニョホ
ありがとうございます。
またお邪魔させて頂きますね~[__わーい]
by nyako (2008-05-29 00:15)
nyakoさんコメントありがとうございます[__わーい]
他にもいろいろソネブロ改造ワザを公開しているので
参考にしてみてください。
by TAN (2008-05-29 22:46)
はじめまして。
コメント絵文字の取り込み方がいまいち理解できません[__もうやだ~]
サイトバーコンテンツやカスタムペインなどの用語もわからなくて・・・
初心者なので教えてくださいm(_ _)m
by ココママ (2008-10-13 21:56)
>ココママさん
設定の方法は他のブログパーツと同じで、
左端にあるサイドバー(記事ではなくカレンダーや見出しがあるところ)に、
ブログ管理画面の「デザイン」→「レイアウト」にある「サイドコンテンツ」の中から
「カスタムペイン」を作ります。
既にカスタムペインを使っている場合は、その中の末尾に追記すればOKです。
ココママさんの場合、既に貼っている「ミッキーの時計」がカスタムペインなので、
ミッキーの貼り付けたコードの下に絵文字の貼り付けコードを追記すればよいと思います。
(本件とは関係ないですが今ミッキーの時計が動いてないような・・・)
by TAN (2008-10-14 15:55)
TANさん、とても解りやすい説明ありがとうございます[__わーい]
おかげ様で設定できました[__グッド]
コメント入れるのも楽しくなります[__るんるん][__るんるん]
by ココママ (2008-10-15 00:29)
コメント欄が味気ないな~と思ってましたが、こんなことが出来るんですね[ニコニコ]
使わせていただきま~す[__グッド]
by Q (2009-05-28 12:47)
Qさん、はじめまして。
設置で分からないことがあったら気軽に聞いてください。
by TAN (2009-05-29 01:00)