buena suerte!


コメントに絵文字機能をlivedoor Blogで!

stroll:blogさんのコメントにカスタマイズ絵文字入力機能
livedoor Blogで設置する方法を解説させていただこうかと思います。

私がこのカスタマイズをした時の記憶をたどって書いている為、所々間違っている部分があるかもしれません。

と、1から説明を書こうと思っていましたが、詳しい人はstrollさんが解説されている方法で理解できるはずなので
ここではもっと簡単に設置できるようにlivedoor Blog用に最適化したjavascriptを使って設置する方法を解説させていただく事にしました。
出来るだけわかりやすく書くように心がけていますが、なにぶん私基準なのでわからない所が多々あると思います。(汗)

それでははじめます。
はじめにこのスクリプトの配布に際し、快く承諾していただいたstrollさんには心から感謝いたします!
またstrollさんが作られものを私がひとまとめにしただけですので、権利など諸々はstorllさんに帰属します。

1. 使用するにあたっての注意。

コメントの数が多くなると、絵文字の変換処理に時間がかかり表示が遅くなったり重くなったりします。
また、設定した絵文字の数が多すぎても同じですのでご注意ください。

javascriptをブラウザ側で切ってしまっている方は動作しません。
またPCの環境よっては動作しない場合がありますのでご注意くださいませ。


2. 用意しておくもの。

・絵文字用の画像。
livedoor Blogで予め用意されている物もしくは
stroll:blogさんでご紹介されている物で十分だと思います。
ほかにも絵文字を扱った素材サイトさんがあるので気に入った物を探してみてください。自作するのもありです。
※うちで使っている絵文字は一応オリジナルなので使わないようにしてください。お願いします。

・EUCの文字(漢字)コードをあつかえるテキストエディタ。
EUCで保存しないと正常に動作しない可能性があるので用意してください。
WINだとTeraPad。macだとYooEdit、iText、ミミカキエディットなどがフリーソフトではいいそうです。
これ以外にもあるのでvectorなどのソフトウェアダウンロードサイトで「テキストエディタ」で検索してお好きなエディタを選択してください。

・絵文字入力用スクリプト。
livedoor Blog用に最適化したjavascriptファイルを下のDOWNLOADに用意していますのでダウンロードしてください。
DOWNLOAD
※右クリックメニューから保存してください。macはマウス長押しだった・・・かな?


3. 画像をアップロード。

絵文字用に用意した画像を管理画面の「ファイルのアップロード」機能を使って全てアップロードして下さい。
ファイルタイトルには「笑」や「汗」などの名前をつけておくと、後々わかりやすくてGOODです。
サムネイルを作成するにはチェックを入れないでください。


4a. 画像の設定とスクリプトのアップロード。

先ほどダウンロードしておいたjavascriptファイルをテキストエディタで開いて下さい。

まず日本語部分が文字化けしていないかを確認してください。
文字化けしているときはソフトウェアの設定で文字コードをEUCに変えてみるといいと思います。
※ソフトウェアによって設定方法が違うので、わからない時はソフトの説明書きをよくお読みください。

正常にファイルが開かれましたら画像の設定を始めます。

ファイルの上のほうにある
// 画像名、画像URLの設定
list[list.length] = new Array('画像名', '画像URL');
list[list.length] = new Array('画像名', '画像URL');
list[list.length] = new Array('画像名', '画像URL');
return list;
この部分を

ファイルのアップロードから先ほどアップロードしておいたそれぞれの絵文字のURLを取得しつつ
// 画像名、画像URLの設定
list[list.length] = new Array('', 'アップロードした絵文字のURL');
list[list.length] = new Array('', 'アップロードした絵文字のURL');
list[list.length] = new Array('', 'アップロードした絵文字のURL');



return list;
このように画像名(文中に挿入される文字です)と画像のURLを設定したい数だけ増やしてください。

それぞれの絵文字の設定が済みましたらファイルを保存してください。
※必ずEUCという文字コードで保存してください。

最後に設定しおわったjavascriptファイルを管理画面の「ファイルのアップロード」機能を使ってアップロードして下さい。
※無料版の方は下の4bにアップロードしなくても使える方法を載せました。


4b. javascriptファイルがアップロードできない!

画像の設定までは問題ありませんが、PROユーザ以外の無料版をお使いの方は
ファイルのアップロード制限がされている為、4aの後半で紹介している方法ではできません。

ですがHTMLテンプレートにjavascriptを直接記述すれば問題なく使用できます。

まず個別記事のHTMLテンプレートの
<body>
bodyタグの直前に
<script type="text/javascript">
<!--

// -->
</script>

<body>
赤字を入力。そしてスクリプトファイルを全て選択してコピーして
<script type="text/javascript">
<!--
//----------------------------------------
//
// コメントにカスタマイズ絵文字入力機能 at livedoor Blog
 ・
 ・
(中略)
 ・
 ・
//--------画像変換スクリプトココまで

// -->
</script>
<body>
青字のように貼り付けます。

続いて下の5番の項目のはじめの編集(<script 〜〜>の所)だけを無視して作業を進めてください。


5. HTMLテンプレートの編集。

管理画面から「Blogの設定/管理」→「デザインの設定」→「スタンダード」→「CUSTOM
とアクセスしテーマの設定ウィンドウを開いてください。
ウィンドウの上のほうに
2004.7.9 HTMLテンプレート編集機能ができました!こちらのページからどうぞ。
というのがありますので、こちらのページをクリックして「個別記事」のHTMLテンプレートの編集画面へ進んでください。

編集の前にHTMLテンプレートの全文(<html>から</html>まで)をコピーしてテキストエディタに貼り付けそれぞれ保存しておきましょう。
保存してからテキストエディタ側で編集したほうが間違いがあればすぐ元に戻せますし便利ですよ。


ではまず先ほどアップロードしたスクリプトのURLをファイルのアップロードから取得します。それから
</head>
の直上に
<script type="text/javascript" charset="EUC-JP" src="アップロードしたスクリプトのURL"></script>
</head>
このように赤文字部分を入力して下さい。

次に
<textarea id="text" name="body" rows="10" cols="50"></textarea>
の直前か直後に(絵文字を上に表示したい時は直前、下の場合は直後)
<td>
<textarea id="text" name="body" rows="10" cols="50"></textarea>
<div style="width:400px;">
<script type="text/javascript">
<!--
writeCustmizeEmojiTagList();
// -->
</script>
</div>

<td>
このように赤字部分を入力してください。(例は下に表示する場合です)

次に
</table>
の直下に
</table>
<script type="text/javascript">
<!--
changeCustmizeEmojiTag();
// -->
</script>
このように赤文字部分を入力してください。

上の三つの箇所を編集しましたら、エディタから全文をコピーして先ほど開いた個別記事のHTMLテンプレートの編集画面へ貼り付けて保存してください。
保存後再構築していただくのですが、時間の節約する為にうまく動作するまでは最新記事だけを再構築するのをオススメします。


6. リニューアル後、新しいテンプレートを使用している場合。

リニューアル後に作られたテンプレートは以前と比べて構造などが変わっています。
そのため配布しているjavascriptファイルのまま使用すると絵文字リストは表示されますが、
コメント本文中の絵文字用の文字列が変換されないという現象が起こります。

解消させるにはjavascriptの
// (3)各コメントの class 属性
var commentBodyClassName = 'comments-body';
この赤文字部分を
// (3)各コメントの class 属性
var commentBodyClassName = 'commenttext';
というように編集して保存してあげてください。


7. 実際にコメントしてみる。

再構築した個別記事にアクセスして
・コメント欄の上か下に絵文字が表示されているか
・画像ををクリックするとコメント欄に[笑]などが入るか
をチェック後、適当な文と絵文字をコメント欄に記入します。

書込ボタンを押して投稿し、うまく絵文字が表示されれば成功です!
最後にBlogの再構築(全アーカイブ)を実行してください。

以上で説明は終わりです。

あまりわかりやすくないような気がしますが、設置に関してわからないことがありましたらお聞きください。
できるかぎりお答えさせていただきます。


64 Comment(s)

現在コメントを受け付けていません。

#1 rocco says at February 08, 2005 10:07

ありがとうございます
がんばってチャレンジしてみます!

#2 rocco says at February 08, 2005 13:30

私にはむりでした!

#3 rocco says at February 08, 2005 15:14

なんとかコメント欄には絵文字はみれたのですが
クリックして(笑う)とかコメント欄にでるのですが
絵文字に変換できないです!

#4 rocco says at February 08, 2005 16:12

おせわになります!

<roccoさんのHTMLソース>

これでいいのでしょうか?
絵文字に変換できないですが?[にこっ][にこっ]

#5 みにとまま says at February 08, 2005 20:26

とってもわかりやすい説明で、めでたく設置できました。[笑]私はLOVELOGなのですが、絵文字が使えて幸せです。[らぶ]

#6 cie says at February 08, 2005 23:10

roccoさんお疲れ様です。[汗2]
うーんと目を凝らしてみてみると間違い部分を発見しました。
テンプレートの3つ目の変更点
<script type="text/javascript">
<!--
changeCustmizeEmojiTag();
// -->
</script>
のところの
<script type="text/javascript">

<scrpt type="text/javascript">
となってしまっているのでscrptをscriptに修正してあげてください。
これで文字が画像に変換されて表示されると思います。

あとこれは私のミスなのですが修正していただきたい所があります。
テンプレートの二つ目の変更点の
<script type="text/javascript">
<!--
writeCustmizeEmojiTagList();
// -->
</script>
の所を
<div>
<script type="text/javascript">
<!--
writeCustmizeEmojiTagList();
// -->
</script>
</div>
このように<div></div>で囲ってください。
これでキチンとコメント欄の下に絵文字がずらっと並んで表示されると思います。
記事のほうもちゃんと修正させていただきます。[汗2]

#7 cie says at February 08, 2005 23:17

みにとままさんはじめまして。
LOVELOGでもうまく設置できましたようでよかったです。[にこっ]

roccoさんに追伸です。
上のコメントで投稿されたHTMLは長くなってしまうため削除させていただきました。ごめんなさい。[汗]

#8 rocco says at February 08, 2005 23:38

ありがとうございます![にこっ]
明日にまたチャレンジします!
ありがとうございました![にこっ]

#9 rocco says at February 09, 2005 00:31

ありがとうございます
おかげさまでできました![にこっ]
ほんとにありがとうございました!
リンクはらして貰ってもいいですか?

#10 cie says at February 09, 2005 02:16

roccoさんおめでとうございます。[おんぷ]
リンクはドンドン張っていただいて私は全然構いません。ありがとうございます。[はあと]

#11 ゆうり says at February 25, 2005 14:07

こんにちわ。
私もライブドアブログを使っていますが、こちらのブログはレベルが高いですね[ぽっ]
コメントに絵文字が使えるとは驚きです。
私もさっそく試してみたいのですが、最近のライブドアでは
javascriptファイルがアップできないようですが、
どのようにしたらよいですか?
超初心者な質問で申し訳ないです[汗]

#12 ゆうり says at February 25, 2005 18:31

いろいろ試したらできました[笑]

#13 cie says at February 26, 2005 01:44

ゆうりさんはじめまして。

残念な事にファイル制限されていますから、スクリプトを読み込ませるのではなく
個別記事のHTMLテンプレートに直接書いていただくしか今は出来ませんね。[泣]

#14 青々 says at February 26, 2005 17:37

はじめまして、こんばんは[きらきら]

stroll::blogさんのトコから、やってきました。
LOVELOGでもやりたくて、頑張ってみたのですが、
うまくいかず・・・[泣2]なので質問させてください[汗]

絵文字をコメント欄の上に表示するように設定しました。
とりあえず表示はされるのですが、絵文字が全て横一列に並んでしまい、
blog本体をつき抜けてしまって、全て表示されません[泣]
これは絵文字が多すぎるからでしょうか。

それと、画像をクリックしても、コメント欄に何も表示されません・・・。
(ファイルタイトルも画像も全て)
どうしたらよろしいでしょうか・・・[泣2]

#15 cie says at February 27, 2005 10:59

青々さんはじめまして。

確かに画像が多くなってきますと表示しきれなくなりますね。
なので絵文字画像の表示スクリプトを囲ってある<div>タグに幅指定してあげてください。

<div style="width:400px;">
<script type="text/javascript">
<!--
writeCustmizeEmojiTagList();
// -->
</script>
</div>
こんな感じです。

えっと次のコメント欄に何も出ない件ですが
青々さんのブログに絵文字スクリプトを置いていらっしゃらないようなので私のほうでは確認できませんでした。

ちょっと風邪ひいてしまっているので、確認と返信が遅れるかもしれませんがご容赦くださいませ。[汗]

#16 青々 says at February 27, 2005 15:33

具合が悪いところ、ありがとうございました[泣2]
それでまた質問というのも恐縮ですが・・・[だめーじ]

幅を設定したら、表示の方は直りました。ありがとうございます〜[きらきら]

コメント欄で画像をクリックしたらエラーが出ました。
'document.comment_form.body'はNullまたはオブジェクトではありません
というものでした。
これが回避できれば、表示されるのでしょうか[汗]

#17 AQ says at February 28, 2005 10:47

初めまして、Pet Lovers Only♪のAQと申します。こちらのスクリプトを使用させていただき、綺麗に設置できた事を嬉しく思い記事にし、トラックバックさせていただきました。話の流れからstroll:blogさんの話から始まっていますが、お許し下さい。リンクもさせていただきたいと思っております。これからも頑張って「すべての人々に幸運を!」お配り下さい。ありがとうございました。

#18 cie says at March 02, 2005 13:00

>> 青々さん
livedoorとLOVELOGのちょっとだけ違う箇所が原因になってます。
javascriptファイルの38行目辺りにあります

// コメントを入力するテキストエリアを指定
var textarea = 'document.comment_form.body';
の所を
// コメントを入力するテキストエリアを指定
var textarea = 'document.comments_form.body';
として保存しアップロードしなおしてください。
これで大丈夫だと思います。

>> AQさん
はじめまして。
トラックバックそしてリンクのご報告ありがとうございます。
また記事中で何度も紹介してくださってありがとうございます。

皆さんがちょっとでも幸せになれるようなブログでありたいです・・・

#19 青々 says at March 02, 2005 17:27

体調はいかがでしょうか〜[ひよこ]
教えて頂きまして、ありがとうございます[きらきら]

なるほど〜。blogによって、違うのですものね[汗2]
で、変更してみたのですが、、、[泣]
コメント欄に[ ]は表示されるのですが、
プレビューしてみても、[ ]のままで、画像が表示されませんでした・・・[だめーじ]


こうやって、教えて頂けるだけでとっても幸せ[きらきら]です・・・[芽]

#20 cie says at March 03, 2005 01:20

こんばんは。

> blogによって、違うのですものね
livedoorとLOVELOGはシステム自体は同じものを使っていますが、HTMLテンプレートなど多少違う所があるのでそこが影響しているんですね。

> 画像が表示されませんでした・・・
うーん他のLOVELOGで使用されている方のスクリプトを見てもうえに書いてある所を変更するだけで出来ているみたいですね・・・

もしよろしければ今使用している(?)スクリプトファイルのURLを教えていただけないでしょうか?
もし公開したくないときはサイドメニューのメールフォームからメールでURLを送っていただいても構いません。
「私宛メイルはこちらから」どうぞ。

#21 青々 says at March 03, 2005 11:08

ありがとうございます[泣]
公開したくないワケではないのですが、メールさせて頂きます[ぺんぎん]
よろしくお願いいたします。

#22 ソレント says at March 05, 2005 13:57

わかりやすい解説でとても見やすかったです。
私のサイトでも紹介させて頂いて、トラックバックの方も
させて頂きました。
アイコンが増えすぎた場合、私の方はテーブルタグを使って
対処してみました。
これからも更新楽しみにしています。[きゃー]

#23 オムオム says at March 05, 2005 15:23

はじめましてー。
スカッとパンヤッ!のオムオムと申します。

この記事を見て、自分もコメント欄に絵文字機能を追加することができました。
使いやすいので嬉しいです^^
とても参考になりました。
ありがとうございますm(_ _)m

#24 Lil' Kim says at March 06, 2005 08:21

テンプレートとあわせて、こちらの機能も利用させていただきました!
これでまた一層楽しくコメントを書くことができます。
ありがとうございます!

#25 cie says at March 06, 2005 19:22

>> ソレントさん、オムオムさん
はじめまして。
記事でのご紹介、トラックバックありがとうございます。

テーブルでも大丈夫そうですね。更新頑張ります。[汗2]

>> Lil' Kimさん
はじめまして。
テンプレートのご利用ありがとうございます。
ちなみにいつも切り口の方に集めてしまう方です。[ぽっ]

#26 青々 says at March 07, 2005 16:04

こんにちは、青々です。
cieさん〜[きゃー]できました〜[きらきら][きらきら][きらきら]
メールも何度も頂きまして、本当にありがとうございました[はあと]
お手数おかけして申し訳ございませんでした・・・[だめーじ]

表示された時は、めちゃめちゃうれしくて、即報告に参りました[にこっ]
ホントに感謝感激です。言い足りないくらいです[汗2]
ありがとうございましたっ!!

#27 cie says at March 07, 2005 21:13

青々さんこんばんは。
あんな簡単な事だとは知らず全然関係ないところまで行きそうになってましたね。[汗2]
とにかくうまく行ったようでうれしいです。[ぽっ]

#28 Lil' Kim says at March 08, 2005 00:04

cieさん、こんばんは[にこっ]
絵文字機能なんですが、夫のブログにも利用させていただきました!
重ね重ねありがとうございます[きらきら]

cieさんも切り口に集めてしまう方なのですねっ[へぇ]
私だけかしらん?みんな慎重なの〜?と思っておりました[汗2]

#29 cie says at March 08, 2005 09:14

Lil' Kimさんこんにちは。

相方さんのブログのコメント欄がすごいことになってしまっているので
Lil' Kimさんのと同じように<div>タグで囲んで幅指定してあげてください。[汗2]
幅指定してもらった方がいいので記事も修正させて頂きました。

> 切り口に集めてしまう方なのですねっ
それもかなりの確率で。しっかりしているようでずれてます・・・[ぽっ]

#30 Lil' Kim says at March 08, 2005 11:52

cieさん、こんにちは。

寝る直前に「自分のもやってくれ」と言われ、とりあえずつけるだけつけて寝てしまいました[さけび]
ずりずりになってますよね・・・。
チェックしてくださってありがとうございます[ぽっ]

今日も切り口に集めました[だめーじ]
むぅ・・・。

#31 kokokeko says at March 27, 2005 00:29

テンプレートに引き続き、こちらの機能も設置させていただきました[笑]ありがとうございます[にこっ]と、言っても知人に設置してもらったのですが・・[汗2]こちらの説明を拝見させていただいて、知人に設置してもらいました[にこっ]今度は自分でも出来るようになりたいです[笑]もっと勉強して頑張って設置出来るように精進したいと思います[にこっ]

#32 みう says at March 30, 2005 06:12

cie様、この度は早急な回答ありがとうございました[ぽっ]
ご指摘通り、訂正したところ無事に表示しました♪

トラックバックをやった事がないので、ぜひ今度は
そちらで紹介させていただきます[芽]

本当にありがとうございました[きらきら]

#33 emi says at April 06, 2005 02:02

cieさん、はじめまして♪
最近livdoorでblogをはじめた者です。
コメントの絵文字設定を参考にさせていただきまして、表示まではうまくいったのですが、いざコメントに入力すると一瞬反映されるものの、すぐに絵文字が消えてしまいます[泣]
javascriptファイルをlivedoorの方でアップロードできなかったもので、自分のサーバーの方にアップロードしてしまったのが原因でしょうか?
お手すきの時にご指導願えれば幸いです[ぽっ]
事後報告になってしまいましたが、LINKの方もさせていただきました[おんぷ]

#34 cie says at April 07, 2005 08:02

emiさん、はじめましてこんにちは。[にこっ]
リンクありがとうございますー。

コメントに書かれたURLを自動的にリンクに変換するスクリプトがimgタグの中のURLまで変換してしまっているのが原因ですね。
個別記事のHTMLテンプレートを次のように編集してください。

<body onload="changeURLIntoLink()">
ここを
<body>
だけにしてください。
次に
changeCustmizeEmojiTag();
の直上に
changeURLIntoLink();
を挿入して保存してください。

これでコメント中のURLを変換してから、絵文字に変換するように順番を変えたのでちゃんと絵文字も表示されるようになったと思います。
ただ素人ですのでもしかすると不具合が出てしまう可能性があります。そのときはどちらかの機能をあきらめて頂くしかないかもしれません。[汗2]

#35 emi says at April 07, 2005 09:15

cieさん、おはようございます[笑]
[きゃー]出来ましたーーー[きらきら]バッチリです[おんぷ]
本当にご親切に素早い対応、有難うございました[らぶ]

トラックバックもさせていただきます[おんぷ]

#36 emi says at April 07, 2005 12:49

お騒がせしましたー[さけび]
jsファイルの内容の方が間違ってました[汗2]
素人は思い込みが激しくていけませんね…
反省です[しゅん]
解決しましたので、↑の書き込みは削除しちゃってくださいませ。

#37 オムオム says at April 11, 2005 19:55

こんばんはー。
お久しぶりです。スカッとパンヤッ!のオムオムです。
今日の記事で、少しBlogを参照させていただきましたのでご報告にきました。[たもさん]
事後報告となってしまい、申し訳ないです[汗]

#38 cie says at April 12, 2005 00:42

オムオムさんお久しぶりです。
事後でも何でも大丈夫ですよー。私もstrollさんのご厚意で公開させていただいてますし。[にこっ]
ご報告ありがとうございました。

#39 kenkob says at May 06, 2005 17:31

テンプレートに引き続き、絵文字機能についても参考にさせていただきました。
そして”虎っく・ばっく”を”ありがとう”の思いを込めて送りました。
また、素晴らしい機能のやり方を、ブログで公開して下さい。
お、”プレビューを有効にする”チェックボックス...進化しているんですね。

#40 pinkspider says at June 04, 2005 19:30

迅速な対応にとも感謝しております。

jsファイルが間違ったものを使っていたようです[汗]
お忙しいところお手数おかけしてしまって
申し訳ありませんでした。

とてもわかりやすい説明で助かりました。
本当にありがとうございました(*- -)(*_ _)ペコリ

今後も参考にさせていただきたいと思います[ぽっ]
更新たのしみにしてます[はあと]

#41 pinkspider says at June 04, 2005 19:33

↑URL入れるの忘れてました[しゅん]

#42 a says at August 17, 2005 15:52

[ちゅうい][はあとぶれいく][はれ][はれくもり][あめ]

#43 かなこ says at August 29, 2005 22:25

先ほどテンプレートで書き込みをしたものです。何度も何度も申し訳ありません<(_ _)>
絵文字機能もやってみようといましているのですが、コメント欄を押すと、絵文字ではなく、最新記事などの右のサイドバーの一部が表示されてしまいます[泣]
記事を見ながらしたつもりですが、やはりどこかまちがているのでしょうか。。

#44 かなこ says at August 30, 2005 10:19

昨日から何度もスミマセン。
全ての記事を再構築したところ、うまくいきました。
お騒がせしました。テンプレートとともに大切に使わせていただきます。ありがとうございました[きゃー]

#45 cie says at August 31, 2005 12:35

かなこさんはじめまして。
テンプレートのご利用ありがとうございます。[芽]

「テンプレートのご利用に関して」にも書いてありますが、
リニューアル後に作られた新デザインをご利用になったままCSSを貼り付けられると崩れてしまいますので
旧のデザイン(シンプルグリーンなど)に一度変更してからCSSを貼り付け、再構築させてあげてください。

またわからないところがあれば質問してくださいね。[にこっ]

#46 飯綱紗霧 says at September 10, 2005 14:52

cieさん、はじめまして。
このたび、livedoorでブログを作ることにしました。
絵文字の設定をするために
このページを参考にさせていただきました。

早速ですが、質問があります。

使っているテンプレートは
SIMPLE 2003 citrus
コンテンツの「5.HTMLテンプレートの編集。」までの
設定方法に忠実に従って設定を行いました。

おかげさまでコメント欄のところには
絵文字が表示されるようになったのですが……。
投稿記事部分の表示が[]のままになっています。

これは自分の記事の部分には適用されないのでしょうか。

どうか、教えてください。 m(_ _)m

#47 飯綱紗霧 says at September 11, 2005 22:00

自己解決しました。
すみませんでした。 (;´Д`)

#48 kowaji says at November 11, 2005 20:16

はじめまして。
最近パンヤブログを始めたものです^^
おかげさまでパンヤアイコンをブログに使えるようになりましたヾ(〃^∇^)ノ
ありがとうございましたヾ(〃^∇^)ノ

#49 あるく says at November 22, 2005 10:40

やっとやっと表示されましたぁ[らぶ][うんうん][らぶ]!!!!!!!

やさしいcieさんの助言でやっとこさ解決です!!!
ほんとうに助かりましたぁ

アリガトウゴザイマス!!

これからも参考にさせていただきます〜!!

#50 AQ says at February 01, 2006 16:06

お久しぶりです。Pet Lovers Only♪のAQです。
ブログを一時休止。今回再開するに当たり、デザイン及び記事を再構築しなおしました。その為、記事のURLが変わってしまったため、トラックバックの貼り直しをさせて頂きました。お手数をおかけしますが、以前のトラックバックを削除していただけましたら助かります。宜しくお願い致します。PS、私も日本ブログ大賞2006に今日応募しました。よかったら評価していただけたら嬉しいです。

#51 cie says at February 02, 2006 21:32

AQさんお久しぶりでございます。
トラックバック削除の件了解しました。[さむあっぷ]

相変わらず作り込まれててすごいですかわいいですー。[いぬ]
外野でうだうだ言いたいタイプなので評価は辞退させてもらいます。[べー]
ブログ大賞がんばってください。陰ながら応援してます。
※現在1位のブログなんか気持ち悪いです。コメントが。

#52 test says at February 08, 2006 10:51

[こぐま2][こぐま][ひーさん][ぷいぷいさん][こぐま4][つるべ][あんぱん][はれ][うんうん][怒][くま][くま3][こぐま2][こぐま3][こぐま4]

#53 あお says at March 06, 2006 17:41

はじめまして
ブログのカスタマイズ記事を探して辿り着きました[にこっ]

私のブログはカスタマイズやブログパーツを紹介しているのですが、コチラの「コメントに絵文字機能」の記事を紹介させていただいても宜しいですか?
とても気に入ってしまいました[きゃー]

もしよければ、こちらからのリンクも貼らせてください
突然で申し訳ありませんが、よろしくお願いします[にこっ]

#54 cie says at March 06, 2006 23:11

あおさんはじめまして。
リンクも記事の紹介もまったく問題ありませんので、ドンドンしちゃってください。[にこっ]

また、うちの「カスタマイズ」のカテゴリにいくつかカスタム系の記事を書いていますので良かったらそちらもご覧になってくださいませ。

#55 ましまろ says at August 04, 2006 18:06

AQさんに紹介されて、こちらのブログにきました。絵文字を入れることが出来て、大変喜んでいます。ありがとうございました。

#56 奈々子 says at August 26, 2006 23:48

ブログを始めて、まだ2ヶ月の初心者です。
可愛い絵文字を時々拝見しまして、私も してみたいと思い検索しましたら、こちらに辿り着きました。初心者の私でも出来ました[笑]
嬉しいです。とても分かりやすい説明です。
ただ、私は3カラムを使用していますので少し変えました。
<div style="width:400px;">
に、しますと左のサイドバーが下におちてしまいましたので、
<div style="width:280px;">
に変更させていただきました。すると良い感じになりました。
理想通りです。 ありがとうございました。

#57 ひぃたん says at August 28, 2006 23:11

スクリプト使用させていただきました[くるっ]
大変分かりやすかったです。
アリガトウございました。[にこっ]

#58 cie says at September 01, 2006 21:33

>>56
奈々子さんはじめまして。

[strong]> <div style="width:280px;">に変更[/strong]
そうですね。ここは少し説明不足でしたね。すみません。[汗2]
3カラムだとメインカラムの幅が小さいですから調節していただいてちょうど良かったと思います。

>>57
ひぃたんさんはじめまして。

Quicktags Plusとあわせてのご利用ありがとうございます。
どちらも問題ないようでよかったです。[にこっ]

#59 奈々子 says at September 02, 2006 04:35

>>58
cieさん、挨拶が遅れましてすみません。
はじめまして[笑]

了解も得ず勝手に記事にしてしまいました。
ごめんなさい。[汗]
URLが記事です。

プレビューも、お持ち帰りさせて頂きました。[らぶ]
お世話になります。

#60 cie says at September 02, 2006 12:20

>>59
奈々子さんこんにちは。[きゃー]
あわせてのご利用ありがとうございます。

記事で紹介して頂けるのは私としてもうれしいので、了解など必要ありませんですよ。[さむあっぷ]

#61 noa says at October 05, 2008 11:28

cieさん、初めまして。
自作のコメント絵文字に憧れて、strollさんのところにお邪魔し...つまずき[こぐま2]、ここに辿り着きました。
超初心者の私にもcieさんの説明をもとに「javascriptを直接記述」でやってみたのですが、一応最後まで進んだのですが、いざコメントをクリックしても、前の状態のままです...。
どうしたらいいのでしょうか?noa

#62 noa says at October 09, 2008 22:24

javascriptファイルのダウンロードでつまずいたのですが、ライブドアの方に教えていただき絵文字が出るまでになったのですが、絵文字自体が小さくて悩んでいます。もう少しがんばります![汗2]
のあ

#63 noa says at October 10, 2008 05:54

cieさんの説明はとても易しくわかりやすいのに、出来上がるのに時間がかかってしまいました。
先ほど何とか出来上がり喜びに浸っています。
ありがとうございました!...cieさんはお留守かもしれませんが。

noa

#64 cie says at March 07, 2009 20:48

>>63
noaさん、はじめまして。

返事が出来なくてまったくお力になれずごめんなさい。
うまく行った様でよかったです。

14 Trackback(s)

現在トラックバックを受け付けていません。

#1 livedoorブログにパンヤ絵文字を追加 at March 05, 2005 03:41

今日から私もlivedoorのブログをレンタルしてみました。移行するとかではなくて、実験で使おうかなと思いまして。パンヤ関係でlivedoorのブログを使われている方も結構増えていますね。まだ誰も実装していないぽいの...

#2 コメント欄に絵文字を。 at March 05, 2005 11:49

ソレントさんのところでlivedoorBlogでコメント欄に絵文字を使う方法が紹介されていたので早速設置してみました。 設置方法など詳しいことはコメントに絵文字機能をlivedoor Blogで!に書かれています。...

#3 パワーアップ! at March 05, 2005 15:28

ソレントさんの記事、 [livedoorブログにパンヤ絵文字を追加] と、 cieさんの記事、 [コメントに絵文字機能をlivedoor Blogで!] を参考にし、 コメント欄に絵文字を入力できるようになりました とても参考になりました ありがとうございます〜...

#6 blog改造中 at March 30, 2005 08:24

cie様の、迅速で丁寧なご指摘のもと、私にも設置出来ました &nbsp; すごいですね〜 まだまだやらないといけない事は山積みですが (素材をお借りしたところのリンクとか)嬉しくて トラックバックにも初挑戦 &nbsp; 本当にありがとうございました...

#7 絵文字表示について at April 07, 2005 10:25

コメント欄に絵文字が表示されなかった不具合について、「buena suerte!」のcieさんに親切なご指導をいただきました livedoorブログで絵文字を設置してみたい方はこちらを参考にしてくださいねぇ 個別記事に絵文字を表示させる方法は… 「stroll::blog」さんを参考にさせ

#8 絵文字機能 at May 06, 2005 17:23

絵文字について gooブログに対抗して、私のブログでも、コメントのときに絵文字が入るようになりました。   から  までは、「Phoenity Artwork」さんから戴きました。  それ以降の動かない普遍的なやつは、ライブドアのものです。コレはブログ記事中に挿入するための

#9 カスタマイズ その2(コメント編) at June 07, 2005 15:46

前回作ったアイコンの他にもう1種類作ってました。 コメント部分にアイコンを表示したいと思って。 昨日書いた「今後のカスタマイズ予定」〜コメント部分に絵文字やアイコンの追加〜と〜管理者と訪問者様のコメントの区別をする〜の両方をやってみることに!! Blogによ

#10 カスタマイズに挑戦! at September 16, 2005 01:34

アップし忘れてた中型のギボウシのお写真です。 今日の本題は、カスタマイズ。 Livedoorの仕様が変わってから、かなり苦労していましたが、どうやらようやく落ち着いてきた感じ。 でも・・・ 皆さん、やっぱり重いですか? 投げやりになってしまって、これま....

#11 他のブログへのコメント at October 30, 2005 18:25

ブログのすごいところは、この「コメント」と「トラックバック」機能があることです。 ブログの「コメント」は、他人の書いた記事にコメントを付ける機能のことで、言わば、一つひとつの記事に掲示板(BBS)がついているように考えればいいでしょう。 ただし、コメントを...

#12 コメント欄パワーアップ作戦(1) at February 01, 2006 16:00

★ コメント欄に絵文字を入れよう! 何度やってもうまく動作しなかったこの"コメント欄に絵文字"ですが、雪が溶けて春が来たみたいな感じでやっと設置できました。今日の朝はなんかすごくさわやか!

#14 ブログカスタマ備忘録 at July 07, 2006 00:01

コメント投稿欄にオリジナルアイコンをつけてみました stroll:blogさんのコメントにカスタマイズ絵文字入力機能に詳しく書いています。 なおlivedoorブログについては、cieさんが最適化されたスクリプトを配布されています。