So-net無料ブログ作成
» スポンサーリンク

So-netブログのコメント欄に絵文字
» So-netブログ改造ワザ 

[追記] 2008/03/31
新絵文字対応しました →解説記事はこちら


ソネブロってスキンの種類が少なくてしかもどれもイマイチなんですよねぇ・・・
で、自分でスクリプトでいじっていろいろ改造できないかなと思って参考にできるブログがないか探してたら、目的とは別のことでナイスな記事を発見。

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のシステムリニューアルの影響で絵文字が入力できない不具合を改修しました。


10日でおぼえる JavaScript 入門教室 新版

10日でおぼえる JavaScript 入門教室 新版

  • 作者: 岡田 克司
  • 出版社/メーカー: 翔泳社
  • 発売日: 2008/02/05
  • メディア: 大型本

nice!(37)  コメント(75)  トラックバック(3)   » カテゴリー:So-netブログ改造ワザ
permalink
trackback
このエントリーをはてなブックマークに追加


» スポンサーリンク
DMR

サウンドハウス


nice! 37

コメント 75

TAN

テストです。[OK]
とりあえずこんな感じで。[温泉マーク]
by TAN (2006-06-06 16:21) 

氷の翡翠

はじめまして。[目玉]いいですねー。アイコン変更ってことは、スクリプトのソースまで頂けたんですね。うらやましい。youさんのところでソースをのぞいてみたらblogのURLが埋め込まれてる部分があって、そこを変数で呼び出すことになりそうですね。私には無理[汗]So-netのアイコンも、特別おしゃれって訳ではないけど、使い勝手は良さそうですね[!!]
by 氷の翡翠 (2006-06-06 17:13) 

TAN

いやじつはまだ返事頂いてないんですが、とりあえずできるかどうかトライしてみました。
もしyouさんが流用ダメだと言われたらyouさんのオリジナルに戻すかも・・・
by TAN (2006-06-06 17:42) 

minisab

ありゃりゃ[!?]こんなことまで出来ちゃうんですか?
PC音痴には想像もつかない進化でございます。
これからも色んなマジックを見せてください[ラブラブハート]
                          ↑
                 この絵文字使うの恥ずかしい・・・。
by minisab (2006-06-06 21:46) 

氷の翡翠

youさんから[OK]が出て、良かったですね[!!]スクリプトをシェアウェア公開してくれないかな?と期待するのですが、さすがにyouさんのところではおこがましくて書けませんでした(笑)。こちらのwebカテゴリは、いい情報が満載ですね。読んでてタメになります。これからも色々教えてください。
by 氷の翡翠 (2006-06-07 01:59) 

TAN

>minisabさん

ちょこっといじっただけなので改造というほどではないかも[汗]
それだけyouさんの元スクリプトが分かりやすく綺麗に作ってあるということですね。

>氷の翡翠さん

快い返事がもらえてよかったです。[チョキ]
次は自分発のオリジナルなワザを公開したいですね。
がんばります。[汗汗]
by TAN (2006-06-07 10:52) 

はじめまして!

色々とカスタマイズを出来る事を知ったのが、
TANさんのBlogからでした(^ー^)ノ[ぴかぴか]

この絵文字スクリプト最高[ニコニコ]です。
是非使わせていただきます~。
by (2006-06-24 18:39) 

TAN

Hiros Listeningさん、ありがとうございます。
何か不具合あったらできるかぎり対応しますのでよろしくです。
by TAN (2006-06-24 21:37) 

はじめまして、こんにちは!
このワザすごいですね。早速使わせていただきました。
so-netのブログって味気ないとおもっていたので、
他のワザもがんばって使わせていただきまーす。
ありがとうございました。
by (2006-10-08 14:36) 

TAN

hisamikoさん、コメントありがとうございます。
できる限りフォローしますので、
分からないことがあったら気軽に聞いてくださいね。
by TAN (2006-10-08 16:04) 

しみ

はじめまして。
ソネブロの絵文字が使えるのがビックリしました。
使わせていただきます!
by しみ (2006-11-13 07:33) 

TAN

しみさん、コメントありがとうございます。[ニコニコ]
もし設置で分からないところがあったら気軽に聞いてください。
by TAN (2006-11-13 13:27) 

花火

初めてまして!
さっそく使わせて頂きます[ニコニコ]
ありがとうございました♪
by 花火 (2006-11-20 20:02) 

TAN

もっちさん、コメント&使っていただきありがとうございます[ニコニコ]
分からないことあったら気軽に聞いてくださいね。
by TAN (2006-11-21 13:22) 

初めまして[ニコニコ]
今まで知りませんでした[汗汗]
私も早速使わせて頂きます[ラブハート]

so-netの絵文字ってかわいくないけど、使えるだけでうれしいです[ぴかぴか]
ありがとうございます!!
by (2007-01-11 09:59) 

TAN

hamanekoさんコメントありがとうございます。
うまく設置できたようですね[チョキ]
もし動きがおかしいところとかあったら、出来る限り対応しますので
気軽に連絡していただけると助かります。
by TAN (2007-01-11 20:35) 

chiro

はじめまして!
so-netって、ちゃんとカスタマイズできるんですね[汗汗]
全然知りませんでした[汗]
知識のないワタシでも簡単に設定することができました!
ありがとうございました[ぴかぴか]
by chiro (2007-01-13 21:23) 

TAN

chiroさん、コメントありがとうございます。
現在は公式にはカスタマイズはサポートされてませんが、
JavaScriptを使っていろいろ変更することが可能なんです。[ニコニコ]

公式ブログによると今月中にスキンのカスタマイズ機能が正式に
実装されるらしいので、もっといろいろ面白いカスタマイズが
できるようになるかも・・・
by TAN (2007-01-13 21:48) 

toshio

初めまして!
so-net blog のオリジナルスキン追加でいろいろ探していたところ、こちらの絵文字の機能を発見し、自分のブログにも設置させていただきました[ニコニコ]
素晴らしいですね!ありがとうございます!
by toshio (2007-01-27 01:47) 

TAN

toshioさん、コメントありがとうございます。[ニコニコ]
ブログを拝見したら、新機能の3ペイン表示だと記事の幅がせまくなっていてアイコンの並びがずれてしまってますね・・・
あとで3ペイン用の修正バージョンを追加公開したいと思います。
by TAN (2007-01-27 17:11) 

toshio

おお!!わざわざありがとうございます!!
早速使わせていただきます[ニコニコ]
ほんと感謝です![ぴかぴか]
by toshio (2007-01-31 06:51) 

TAN

あまり細かく確認していないので、
うまくフィットするかどうかわかりません。
とりあえず試してみてください。
by TAN (2007-01-31 16:03) 

まゆポン

初めまして!
コメント欄に絵文字を入れられる事を、他のブログで知りまして
検索してみた所、こちらのブログに辿り付きました。
私も、是非使わせていただきたいので、よろしくお願いします[ニコニコ]
by まゆポン (2007-06-24 22:24) 

TAN

まゆポンさんコメントありがとうございます[ニコニコ]
設置で分からないことがあったら気軽に質問してください。
by TAN (2007-06-24 22:31) 

はじめまして♪
ブログ巡りしてたら、絵文字の事を知りまして、
どうしてもつけたくなって、こちらにお邪魔しました[ぴかぴか]
さっそく使わせて頂きました[ラブラブハート]
ありがとうございました[ニコニコ]
by (2007-06-26 18:33) 

TAN

明さんコメントありがとうございます[ニコニコ]
他にもいろいろ小技を公開してますので、よかったら参考にしてみてください。
by TAN (2007-06-26 20:35) 

ちょび

はじめまして♪
友人の紹介で来ました(*´∇`*)
早速チャレンジさせていただきました[ラブラブハート]
ありがとうございました[ぴかぴか]
次はゲストアイコンにチャレンジします[晴れ]
by ちょび (2007-07-11 02:17) 

がり

ありがとうございます。[チョキ]
さっそく使わせてもらいます。感謝!
by がり (2007-07-11 17:56) 

TAN

ちょびさん、がりさん、コメントありがとうございます[ニコニコ]
分からないとことかあったら気軽に聞いてくださいね。
by TAN (2007-07-11 20:48) 

opacyo

so-net絵文字で検索してたどり着きました。
試してみたくなるような、記事ばかりでとても勉強になります[ぴかぴか]

TANさんがYOUさんのスクリプトを改造したスクリプトで、自分の絵文字を作ってみましたところ、なかなか良い(自己満)ので、ブログ内で配布させて頂きたく思いコメントを残させて頂きました。
まだまだ勉強不足の未熟者ですが、よろしくお願い致します[汗][汗]
by opacyo (2007-07-16 16:24) 

TAN

opacyoさん、コメント&参考にして頂きありがとうございます[ニコニコ]
ブログ拝見しました。
設置は問題なくできてるようですね[チョキ]

ウチのブログで公開しているスクリプトはどんどん改造してもらって[OK]ですよ。
by TAN (2007-07-16 20:32) 

サラダ

初めまして![ニコニコ]
がりさんのところで教えていただいて参りました。
さっそく使わせていただきます。
ありがとうございました。
by サラダ (2007-07-18 11:56) 

TAN

テンコさん、コメントありがとうございます[ニコニコ]
分からないとことかあったら気軽に質問してくださいね。
by TAN (2007-07-18 21:05) 

ぷらいん

初めまして^^
絵文字のスクリプトを使わせていただいたんですが、なぜか表示されないです。。。
原因がわからないのですがぜひ教えていただけますか?[しょぼ~ん]
by ぷらいん (2007-08-01 16:36) 

TAN

ぷらいんさん、はじめまして。
今ぷらいんさんのブログ見たらYOUさんバージョンの絵文字がちゃんと表示されてますが・・・

そうじゃなくて、ウチのバージョンに差し替えたいということでしょうか?
もしそうならYOUさんのスクリプトを外さないと多分動かないと思います。

貼り付け方はYOUさんのと同じです。
あと、貼り付けるときはシンプル編集で貼り付けてください。
by TAN (2007-08-01 21:04) 

emepapa

こんばんは!
ゲストアイコンに続き、こちらも、使わせて頂きました♪

いろいろ勉強になります。。。
これからも、楽しい改造楽しみにしております。

本当に有り難うございました[!]
by emepapa (2007-08-16 00:41) 

TAN

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) 

TAN

なおみさん、コメントありがとうございます[ニコニコ]
3カラム版は急遽作って細かい動作チェックできてないので
もしおかしなところがあったら連絡いただけると助かります。
by TAN (2007-08-30 22:03) 

初めまして。
絵文字が使えるんですね[ぴかぴか]
とってもかわいいブログになりそうです。
使わせていただきますのでよろしくお願いします。
by (2007-09-03 13:50) 

TAN

ぽぽのままさん、コメントありがとうございます[ニコニコ]
設置でわからないことがあったら気軽に質問してくださいね。
by TAN (2007-09-03 20:02) 

chima

明さんのところで教えていただいてきました
とても素晴らしいと思います[!!]
使わせて下さい[ラブラブハート]
by chima (2007-09-06 09:09) 

TAN

chima さんコメントありがとうございます[ニコニコ]
設置でわからないことがあったら気軽に質問してくださいね。
by TAN (2007-09-06 22:26) 

helfrich

はじめまして。今月からソネットに引っ越してきました。カスタマイズ技を色々探していたら、「ちょこらぶうBlog」さんからたどり着きました。使わせていただきたいんですが、よろしいでしょうか[!?]
by helfrich (2007-09-17 18:42) 

TAN

helfrich さんコメントありがとうございます[ニコニコ]
ぜひ使ってみてください。
設置で分からないことがあったら気軽に聞いてくださいね。
by TAN (2007-09-17 19:44) 

流星☆彡

今しがた、自ブログに設定してる絵文字を 訪問いただいたブロガーさんに
尋ねられて、こちらを お知らせしたら、自分の〔nice!〕&コメントが
ここに無いことに 今頃 気づきました。失礼いたしました!m(__)m
GUESTアイコンの絵柄☆こちらで頂いた絵が気に入ったまま、もう
1年以上 愛用してきております。(#^.^#) その節も、大変 お世話になり
ました!m(__)m
by 流星☆彡 (2007-10-18 13:01) 

hoihoi

ありがとうございます。私のブログにも貼り付けたかったんです~[ラブハート]
by hoihoi (2007-10-18 13:49) 

TAN

>流星☆彡さん
いえいえ、お気になさらずに[ニコニコ]
気が付けばniceが300越えてますね~[ぴかぴか]

>hoihoiさん
設置で分からないことがあったら気軽に質問してください。
by TAN (2007-10-18 21:02) 

はじめまして[!]可愛いので早速使わせていただきます[ぴかぴか]
by (2007-10-29 16:58) 

TAN

チョア♪ さんコメントありがとうございます[ニコニコ]
設置で分からないことがあったら気軽に質問してくださいね。
by TAN (2007-10-29 21:40) 

happy-2525

ありがとうございます[ニコニコ]
ブログにこーゆーの、つけたかったんです[ラブラブハート]
by happy-2525 (2007-11-04 11:16) 

TAN

Smileさんコメントありがとうございます
設置で分からないことがあったら気軽に質問してくださいね。
by TAN (2007-11-04 21:05) 

lupin

不慣れな私にもとっても簡単に設置することができました[!!]またブログを開く楽しみが増えて、とても嬉しいです[ラブハート]ありがとうございましたぁ[晴れ][ニコニコ]
あとは誰か初コメントを入れてくれないかなぁ…と首を長くして待つばかりです[ショック!][汗]
by lupin (2007-11-04 22:41) 

TAN

lupinさんコメントありがとうございます[ニコニコ]
絵文字機能ってやっぱりあると楽しいですよね。
使ってて動きがおかしいところとかあったら気軽に質問してください。
by TAN (2007-11-05 21:20) 

hiro_

絵文字がいれたくて検索したら
こちらにたどりつきました[ニコニコ]
使わせていただきます[ラブラブハート]
ありがございます[ぴかぴか]
by hiro_ (2008-01-28 21:01) 

TAN

hiro_さんコメントありがとうございます[ニコニコ]
設置で分からないところがあったら気軽に聞いてください。
by TAN (2008-01-28 22:02) 

風

はじめまして。
今のノーマルのままでは何だか寂しいナァと思っていた矢先、
素敵なこちらのブログに出会えました。
早速試させていただきました。
ありがとうございました。[ラブハート]
by 風 (2008-02-10 22:31) 

TAN

風さんコメントありがとうございます[ニコニコ]
設置で分からないこととかあったら気軽に聞いてくださいね。
by TAN (2008-02-10 22:40) 

明

こんばんは~。
修正ありがとうございましたm(._.*)mペコッ
コメント欄の絵文字もゲストアイコンも復活しました[ラブラブハート]
by 明 (2008-02-29 20:14) 

TAN

これくらいの対応ならまだ許せるのですが、
今回のシステムリニューアルは不具合多すぎですよね。

カテゴリーでまとめて表示させると
ブログ全体のレイアウトが左にずれておかしくなります。
直したと言いつつ全然直ってない[ぷんぷん]
by TAN (2008-02-29 22:50) 

emepapa

システムリニューアルで絵文字&ゲストアイコン使えず困っていました。。。
修正版、、、又、使わせて頂きます[ラブラブハート]
ホント、、、有り難うございます[!!]

お友達にも、TANさんの、ブログ教えてあげたいです(爆笑)

絵文字&ゲストアイコンを私のワンコ専門ブログで紹介しても、
宜しいでしょうか?
これからも、宜しくお願いします[ラブラブハート]
by emepapa (2008-03-01 09:47) 

TAN

emepapaさん、ぜひ紹介してください[ニコニコ]
by TAN (2008-03-01 14:43) 

emepapa

有り難うございました[チョキ]早速記事にさせて頂きます[ぴかぴか]
by emepapa (2008-03-01 20:01) 

うち

はじめまして[ニコニコ]最近ブログをはじめたブログ初心者です[汗汗]
コメント欄に絵文字が使えないと検索してみたところ。
こちらのブログにたどりつきました。
なんとか絵文字は表示できました。
ありがとうございます[ニコニコ]

by うち (2008-03-31 11:31) 

TAN

そういえば記事に書ける絵文字って先月システムリニューアルから変わってますね。
普段記事の中でほとんど絵文字使わないので気づきませんでした[汗]

近いうちに新旧絵文字対応版を作りたいと思います。
by TAN (2008-03-31 17:06) 

Ladybird

初めまして。絵文字で検索してこちらにたどり着きました。

早々に設定させていただききました。

ありがとうございます。
by Ladybird (2008-04-22 14:51) 

TAN

Ladybirdさんコメントありがとうございます。
先月末にVer.2にしたばかりなので、動きが怪しいところとかあったら知らせてもらえると助かります。

by TAN (2008-04-22 21:07) 

nyako

初めまして[__るんるん]
わたしも他の方々と同じにこちらに辿り着来ました。
こんなコトが出来るなんてすごく嬉しいです[__揺れるハート]
早速設定させて頂きました(#^.^#) ニョホ
ありがとうございます。
またお邪魔させて頂きますね~[__わーい]
by nyako (2008-05-29 00:15) 

TAN

nyakoさんコメントありがとうございます[__わーい]
他にもいろいろソネブロ改造ワザを公開しているので
参考にしてみてください。


by TAN (2008-05-29 22:46) 

ココママ

はじめまして。
コメント絵文字の取り込み方がいまいち理解できません[__もうやだ~]
サイトバーコンテンツやカスタムペインなどの用語もわからなくて・・・
初心者なので教えてくださいm(_ _)m
by ココママ (2008-10-13 21:56) 

TAN

>ココママさん

設定の方法は他のブログパーツと同じで、
左端にあるサイドバー(記事ではなくカレンダーや見出しがあるところ)に、
ブログ管理画面の「デザイン」→「レイアウト」にある「サイドコンテンツ」の中から
「カスタムペイン」を作ります。
既にカスタムペインを使っている場合は、その中の末尾に追記すればOKです。

ココママさんの場合、既に貼っている「ミッキーの時計」がカスタムペインなので、
ミッキーの貼り付けたコードの下に絵文字の貼り付けコードを追記すればよいと思います。
(本件とは関係ないですが今ミッキーの時計が動いてないような・・・)

by TAN (2008-10-14 15:55) 

ココママ

TANさん、とても解りやすい説明ありがとうございます[__わーい]
おかげ様で設定できました[__グッド]
コメント入れるのも楽しくなります[__るんるん][__るんるん]
by ココママ (2008-10-15 00:29) 

Q

コメント欄が味気ないな~と思ってましたが、こんなことが出来るんですね[ニコニコ]
使わせていただきま~す[__グッド]
by Q (2009-05-28 12:47) 

TAN

Qさん、はじめまして。
設置で分からないことがあったら気軽に聞いてください。

by TAN (2009-05-29 01:00) 

コメントを書く

名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

Facebook コメント

トラックバック 3

トラックバックの受付は締め切りました

iTunes Store 音楽アプリベストセラー
for iPad





for iPhone/iPod touch





for Mac