機能充実、完全無料のSeesaaブログは、↑ここからすぐに作成できます。
2006年02月12日

コメントに絵文字を使う

コメントにSeesaaの絵文字を使う方法です。

Seesaaブログでコメントに絵文字を使えるようにする方法が
Blogであそぼう!(Seesaa編)さんに掲載されています。

このBlogであそぼう!さんの記事で紹介されている方法は、
自分で用意した絵文字を使う事ができるものです。

今回このブログで紹介するのは、
Seesaaの絵文字を、記事投稿時と同じような形でコメントに使用する方法です。
上記の記事を参考に、Seesaaには無断で作成しました。
問題があるようでしたら連絡いただければ削除します。

元のテンプレによっては若干違いがある可能性があるようなので、
この方法そのままでは上手くいかない場合もあるかもしれません。
その場合はコメント下さい。

ちょっと長い記事になりますが、
基本的には貼り付けていけばOKなのでそれ程難易度は高くないと思います。

■HTMLの編集
管理画面で、デザイン→HTMLのページを開きます。
オリジナルのHTMLを編集します。
ここで「デフォルトHTML」しか無い場合は追加をクリックしてそれを編集します。

HTMLの、
</head>
の記述の直前に以下の記述を追加します。

<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像設定
function getCommentEmojiList() {
var list = new Array();
// 画像名、画像URLの設定
list[list.length] = new Array('Em1', 'http://blog.seesaa.jp/images_e/1.gif');
list[list.length] = new Array('Em2', 'http://blog.seesaa.jp/images_e/2.gif');
list[list.length] = new Array('Em3', 'http://blog.seesaa.jp/images_e/3.gif');
list[list.length] = new Array('Em4', 'http://blog.seesaa.jp/images_e/4.gif');
list[list.length] = new Array('Em5', 'http://blog.seesaa.jp/images_e/5.gif');
list[list.length] = new Array('Em6', 'http://blog.seesaa.jp/images_e/6.gif');
list[list.length] = new Array('Em7', 'http://blog.seesaa.jp/images_e/7.gif');
list[list.length] = new Array('Em8', 'http://blog.seesaa.jp/images_e/8.gif');
list[list.length] = new Array('Em9', 'http://blog.seesaa.jp/images_e/9.gif');
list[list.length] = new Array('Em10', 'http://blog.seesaa.jp/images_e/10.gif');
list[list.length] = new Array('Em11', 'http://blog.seesaa.jp/images_e/11.gif');
list[list.length] = new Array('Em12', 'http://blog.seesaa.jp/images_e/12.gif');
list[list.length] = new Array('Em13', 'http://blog.seesaa.jp/images_e/13.gif');
list[list.length] = new Array('Em14', 'http://blog.seesaa.jp/images_e/14.gif');
list[list.length] = new Array('Em15', 'http://blog.seesaa.jp/images_e/15.gif');
list[list.length] = new Array('Em16', 'http://blog.seesaa.jp/images_e/16.gif');
list[list.length] = new Array('Em17', 'http://blog.seesaa.jp/images_e/17.gif');
list[list.length] = new Array('Em18', 'http://blog.seesaa.jp/images_e/18.gif');
list[list.length] = new Array('Em19', 'http://blog.seesaa.jp/images_e/19.gif');
list[list.length] = new Array('Em20', 'http://blog.seesaa.jp/images_e/20.gif');
list[list.length] = new Array('Em21', 'http://blog.seesaa.jp/images_e/21.gif');
list[list.length] = new Array('Em22', 'http://blog.seesaa.jp/images_e/22.gif');
list[list.length] = new Array('Em23', 'http://blog.seesaa.jp/images_e/23.gif');
list[list.length] = new Array('Em24', 'http://blog.seesaa.jp/images_e/24.gif');
list[list.length] = new Array('Em25', 'http://blog.seesaa.jp/images_e/25.gif');
list[list.length] = new Array('Em26', 'http://blog.seesaa.jp/images_e/26.gif');
list[list.length] = new Array('Em27', 'http://blog.seesaa.jp/images_e/27.gif');
list[list.length] = new Array('Em28', 'http://blog.seesaa.jp/images_e/28.gif');
list[list.length] = new Array('Em29', 'http://blog.seesaa.jp/images_e/29.gif');
list[list.length] = new Array('Em30', 'http://blog.seesaa.jp/images_e/30.gif');
list[list.length] = new Array('Em31', 'http://blog.seesaa.jp/images_e/31.gif');
list[list.length] = new Array('Em32', 'http://blog.seesaa.jp/images_e/32.gif');
list[list.length] = new Array('Em33', 'http://blog.seesaa.jp/images_e/33.gif');
list[list.length] = new Array('Em34', 'http://blog.seesaa.jp/images_e/34.gif');
list[list.length] = new Array('Em35', 'http://blog.seesaa.jp/images_e/35.gif');
list[list.length] = new Array('Em36', 'http://blog.seesaa.jp/images_e/36.gif');
list[list.length] = new Array('Em37', 'http://blog.seesaa.jp/images_e/37.gif');
list[list.length] = new Array('Em38', 'http://blog.seesaa.jp/images_e/38.gif');
list[list.length] = new Array('Em39', 'http://blog.seesaa.jp/images_e/39.gif');
list[list.length] = new Array('Em40', 'http://blog.seesaa.jp/images_e/40.gif');
list[list.length] = new Array('Em41', 'http://blog.seesaa.jp/images_e/41.gif');
list[list.length] = new Array('Em42', 'http://blog.seesaa.jp/images_e/42.gif');
list[list.length] = new Array('Em43', 'http://blog.seesaa.jp/images_e/43.gif');
list[list.length] = new Array('Em44', 'http://blog.seesaa.jp/images_e/44.gif');
list[list.length] = new Array('Em45', 'http://blog.seesaa.jp/images_e/45.gif');
list[list.length] = new Array('Em46', 'http://blog.seesaa.jp/images_e/46.gif');
list[list.length] = new Array('Em47', 'http://blog.seesaa.jp/images_e/47.gif');
list[list.length] = new Array('Em48', 'http://blog.seesaa.jp/images_e/48.gif');
list[list.length] = new Array('Em49', 'http://blog.seesaa.jp/images_e/49.gif');
list[list.length] = new Array('Em50', 'http://blog.seesaa.jp/images_e/50.gif');
list[list.length] = new Array('Em51', 'http://blog.seesaa.jp/images_e/51.gif');
list[list.length] = new Array('Em52', 'http://blog.seesaa.jp/images_e/52.gif');
list[list.length] = new Array('Em53', 'http://blog.seesaa.jp/images_e/53.gif');
list[list.length] = new Array('Em54', 'http://blog.seesaa.jp/images_e/54.gif');
list[list.length] = new Array('Em55', 'http://blog.seesaa.jp/images_e/55.gif');
list[list.length] = new Array('Em56', 'http://blog.seesaa.jp/images_e/56.gif');
list[list.length] = new Array('Em57', 'http://blog.seesaa.jp/images_e/57.gif');
list[list.length] = new Array('Em58', 'http://blog.seesaa.jp/images_e/58.gif');
list[list.length] = new Array('Em59', 'http://blog.seesaa.jp/images_e/59.gif');
list[list.length] = new Array('Em60', 'http://blog.seesaa.jp/images_e/60.gif');
list[list.length] = new Array('Em61', 'http://blog.seesaa.jp/images_e/61.gif');
list[list.length] = new Array('Em62', 'http://blog.seesaa.jp/images_e/62.gif');
list[list.length] = new Array('Em63', 'http://blog.seesaa.jp/images_e/63.gif');
list[list.length] = new Array('Em64', 'http://blog.seesaa.jp/images_e/64.gif');
list[list.length] = new Array('Em65', 'http://blog.seesaa.jp/images_e/65.gif');
list[list.length] = new Array('Em66', 'http://blog.seesaa.jp/images_e/66.gif');
list[list.length] = new Array('Em67', 'http://blog.seesaa.jp/images_e/67.gif');
list[list.length] = new Array('Em68', 'http://blog.seesaa.jp/images_e/68.gif');
list[list.length] = new Array('Em69', 'http://blog.seesaa.jp/images_e/69.gif');
list[list.length] = new Array('Em70', 'http://blog.seesaa.jp/images_e/70.gif');
list[list.length] = new Array('Em71', 'http://blog.seesaa.jp/images_e/71.gif');
list[list.length] = new Array('Em72', 'http://blog.seesaa.jp/images_e/72.gif');
list[list.length] = new Array('Em73', 'http://blog.seesaa.jp/images_e/73.gif');
list[list.length] = new Array('Em74', 'http://blog.seesaa.jp/images_e/74.gif');
list[list.length] = new Array('Em75', 'http://blog.seesaa.jp/images_e/75.gif');
list[list.length] = new Array('Em76', 'http://blog.seesaa.jp/images_e/76.gif');
list[list.length] = new Array('Em77', 'http://blog.seesaa.jp/images_e/77.gif');
list[list.length] = new Array('Em78', 'http://blog.seesaa.jp/images_e/78.gif');
list[list.length] = new Array('Em79', 'http://blog.seesaa.jp/images_e/79.gif');
list[list.length] = new Array('Em80', 'http://blog.seesaa.jp/images_e/80.gif');
list[list.length] = new Array('Em81', 'http://blog.seesaa.jp/images_e/81.gif');
list[list.length] = new Array('Em82', 'http://blog.seesaa.jp/images_e/82.gif');
list[list.length] = new Array('Em83', 'http://blog.seesaa.jp/images_e/83.gif');
list[list.length] = new Array('Em84', 'http://blog.seesaa.jp/images_e/84.gif');
list[list.length] = new Array('Em85', 'http://blog.seesaa.jp/images_e/85.gif');
list[list.length] = new Array('Em86', 'http://blog.seesaa.jp/images_e/86.gif');
list[list.length] = new Array('Em87', 'http://blog.seesaa.jp/images_e/87.gif');
list[list.length] = new Array('Em88', 'http://blog.seesaa.jp/images_e/88.gif');
list[list.length] = new Array('Em89', 'http://blog.seesaa.jp/images_e/89.gif');
list[list.length] = new Array('Em90', 'http://blog.seesaa.jp/images_e/90.gif');
list[list.length] = new Array('Em91', 'http://blog.seesaa.jp/images_e/91.gif');
list[list.length] = new Array('Em92', 'http://blog.seesaa.jp/images_e/92.gif');
list[list.length] = new Array('Em93', 'http://blog.seesaa.jp/images_e/93.gif');
list[list.length] = new Array('Em94', 'http://blog.seesaa.jp/images_e/94.gif');
list[list.length] = new Array('Em95', 'http://blog.seesaa.jp/images_e/95.gif');
list[list.length] = new Array('Em96', 'http://blog.seesaa.jp/images_e/96.gif');
list[list.length] = new Array('Em97', 'http://blog.seesaa.jp/images_e/97.gif');
list[list.length] = new Array('Em98', 'http://blog.seesaa.jp/images_e/98.gif');
list[list.length] = new Array('Em99', 'http://blog.seesaa.jp/images_e/99.gif');
list[list.length] = new Array('Em100', 'http://blog.seesaa.jp/images_e/100.gif');
list[list.length] = new Array('Em101', 'http://blog.seesaa.jp/images_e/101.gif');
list[list.length] = new Array('Em102', 'http://blog.seesaa.jp/images_e/102.gif');
list[list.length] = new Array('Em103', 'http://blog.seesaa.jp/images_e/103.gif');
list[list.length] = new Array('Em104', 'http://blog.seesaa.jp/images_e/104.gif');
list[list.length] = new Array('Em105', 'http://blog.seesaa.jp/images_e/105.gif');
list[list.length] = new Array('Em106', 'http://blog.seesaa.jp/images_e/106.gif');
list[list.length] = new Array('Em107', 'http://blog.seesaa.jp/images_e/107.gif');
list[list.length] = new Array('Em108', 'http://blog.seesaa.jp/images_e/108.gif');
list[list.length] = new Array('Em109', 'http://blog.seesaa.jp/images_e/109.gif');
list[list.length] = new Array('Em110', 'http://blog.seesaa.jp/images_e/110.gif');
list[list.length] = new Array('Em111', 'http://blog.seesaa.jp/images_e/111.gif');
list[list.length] = new Array('Em112', 'http://blog.seesaa.jp/images_e/112.gif');
list[list.length] = new Array('Em113', 'http://blog.seesaa.jp/images_e/113.gif');
list[list.length] = new Array('Em114', 'http://blog.seesaa.jp/images_e/114.gif');
list[list.length] = new Array('Em115', 'http://blog.seesaa.jp/images_e/115.gif');
list[list.length] = new Array('Em116', 'http://blog.seesaa.jp/images_e/116.gif');
list[list.length] = new Array('Em117', 'http://blog.seesaa.jp/images_e/117.gif');
list[list.length] = new Array('Em118', 'http://blog.seesaa.jp/images_e/118.gif');
list[list.length] = new Array('Em119', 'http://blog.seesaa.jp/images_e/119.gif');
list[list.length] = new Array('Em120', 'http://blog.seesaa.jp/images_e/120.gif');
list[list.length] = new Array('Em121', 'http://blog.seesaa.jp/images_e/121.gif');
list[list.length] = new Array('Em122', 'http://blog.seesaa.jp/images_e/122.gif');
list[list.length] = new Array('Em123', 'http://blog.seesaa.jp/images_e/123.gif');
list[list.length] = new Array('Em124', 'http://blog.seesaa.jp/images_e/124.gif');
list[list.length] = new Array('Em125', 'http://blog.seesaa.jp/images_e/125.gif');
list[list.length] = new Array('Em126', 'http://blog.seesaa.jp/images_e/126.gif');
list[list.length] = new Array('Em127', 'http://blog.seesaa.jp/images_e/127.gif');
list[list.length] = new Array('Em128', 'http://blog.seesaa.jp/images_e/128.gif');
list[list.length] = new Array('Em129', 'http://blog.seesaa.jp/images_e/129.gif');
list[list.length] = new Array('Em130', 'http://blog.seesaa.jp/images_e/130.gif');
list[list.length] = new Array('Em131', 'http://blog.seesaa.jp/images_e/131.gif');
list[list.length] = new Array('Em132', 'http://blog.seesaa.jp/images_e/132.gif');
list[list.length] = new Array('Em133', 'http://blog.seesaa.jp/images_e/133.gif');
list[list.length] = new Array('Em134', 'http://blog.seesaa.jp/images_e/134.gif');
list[list.length] = new Array('Em135', 'http://blog.seesaa.jp/images_e/135.gif');
list[list.length] = new Array('Em136', 'http://blog.seesaa.jp/images_e/136.gif');
list[list.length] = new Array('Em137', 'http://blog.seesaa.jp/images_e/137.gif');
list[list.length] = new Array('Em138', 'http://blog.seesaa.jp/images_e/138.gif');
list[list.length] = new Array('Em139', 'http://blog.seesaa.jp/images_e/139.gif');
list[list.length] = new Array('Em140', 'http://blog.seesaa.jp/images_e/140.gif');
list[list.length] = new Array('Em141', 'http://blog.seesaa.jp/images_e/141.gif');
list[list.length] = new Array('Em142', 'http://blog.seesaa.jp/images_e/142.gif');
list[list.length] = new Array('Em143', 'http://blog.seesaa.jp/images_e/143.gif');
list[list.length] = new Array('Em144', 'http://blog.seesaa.jp/images_e/144.gif');
list[list.length] = new Array('Em145', 'http://blog.seesaa.jp/images_e/145.gif');
list[list.length] = new Array('Em146', 'http://blog.seesaa.jp/images_e/146.gif');
list[list.length] = new Array('Em147', 'http://blog.seesaa.jp/images_e/147.gif');
list[list.length] = new Array('Em148', 'http://blog.seesaa.jp/images_e/148.gif');
list[list.length] = new Array('Em149', 'http://blog.seesaa.jp/images_e/149.gif');
list[list.length] = new Array('Em150', 'http://blog.seesaa.jp/images_e/150.gif');
list[list.length] = new Array('Em151', 'http://blog.seesaa.jp/images_e/151.gif');
list[list.length] = new Array('Em152', 'http://blog.seesaa.jp/images_e/152.gif');
list[list.length] = new Array('Em153', 'http://blog.seesaa.jp/images_e/153.gif');
list[list.length] = new Array('Em154', 'http://blog.seesaa.jp/images_e/154.gif');
list[list.length] = new Array('Em155', 'http://blog.seesaa.jp/images_e/155.gif');
list[list.length] = new Array('Em156', 'http://blog.seesaa.jp/images_e/156.gif');
list[list.length] = new Array('Em157', 'http://blog.seesaa.jp/images_e/157.gif');
list[list.length] = new Array('Em158', 'http://blog.seesaa.jp/images_e/158.gif');
list[list.length] = new Array('Em159', 'http://blog.seesaa.jp/images_e/159.gif');
list[list.length] = new Array('Em160', 'http://blog.seesaa.jp/images_e/160.gif');
list[list.length] = new Array('Em161', 'http://blog.seesaa.jp/images_e/161.gif');
list[list.length] = new Array('Em162', 'http://blog.seesaa.jp/images_e/162.gif');
list[list.length] = new Array('Em163', 'http://blog.seesaa.jp/images_e/163.gif');
list[list.length] = new Array('Em164', 'http://blog.seesaa.jp/images_e/164.gif');
list[list.length] = new Array('Em165', 'http://blog.seesaa.jp/images_e/165.gif');
list[list.length] = new Array('Em166', 'http://blog.seesaa.jp/images_e/166.gif');
list[list.length] = new Array('Em167', 'http://blog.seesaa.jp/images_e/167.gif');
list[list.length] = new Array('Em168', 'http://blog.seesaa.jp/images_e/168.gif');
list[list.length] = new Array('Em169', 'http://blog.seesaa.jp/images_e/169.gif');
list[list.length] = new Array('Em170', 'http://blog.seesaa.jp/images_e/170.gif');
list[list.length] = new Array('Em171', 'http://blog.seesaa.jp/images_e/171.gif');
list[list.length] = new Array('Em172', 'http://blog.seesaa.jp/images_e/172.gif');
list[list.length] = new Array('Em173', 'http://blog.seesaa.jp/images_e/173.gif');
list[list.length] = new Array('Em174', 'http://blog.seesaa.jp/images_e/174.gif');
list[list.length] = new Array('Em175', 'http://blog.seesaa.jp/images_e/175.gif');
list[list.length] = new Array('Em176', 'http://blog.seesaa.jp/images_e/176.gif');
return list;
}

function getCustmizeEmojiAttribute() {
// 画像タグに含める属性値(alt属性以外)
var att = 'border="0" style="vertical-align:middle" width="15" hight="15"';

att = (att != '') ? (' ' + att) : '';
return att;
}

function formShowHide(id, button, add_val) {
var disp = document.getElementById(id).style.display;
document.getElementById(button).src = add_val;
if(disp == "block") {
document.getElementById(id).style.display = "none";
}
else {
document.getElementById(id).style.display = "block";
}
return false;
}

// -->
</script>

保存してこのHTMLを「適用」すればHTMLの編集は完了です。

■記事HTMLの編集
デザイン→コンテンツ→記事→コンテンツHTML編集を開きます。

まず表示されたHTMLの以下の記述をみつけてください。
<div class="comments-head">コメントを書く</div>
<form action="<% blog.page_url %>pages/user/comments2/regist/input" method="post">

ここに以下のように赤文字部分を追加します。
<div class="comments-head">コメントを書く</div>
<form name="comform" action="<% blog.page_url %>pages/user/comments2/regist/input" method="post">

次に画像リスト出力スクリプトを追加します。

ここでは、記事投稿時と同様に
テキストエリアの下に絵文字表示用アイコンをつける方法を説明します。

先ほど追加の記述をした箇所の少し下に以下のような記述があります。
(注:rowsやcolsの値はテンプレによって違います)
<textarea name="article_child__body" rows="10" cols="45"></textarea><br />
この行の直後に以下の記述を貼り付けます。
<a href="javascript:;" onClick="formShowHide('settag_emoji', 'settag_emoji_button',  'http://blog.seesaa.jp/img/icon/icon_33.gif');">
<img border="0" src="http://blog.seesaa.jp/img/icon/icon_33.gif" id="settag_emoji_button" alt="絵文字"></a><BR>
<div id=settag_emoji style="display: none;width:395px;">
<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像リスト出力
function writeCustmizeEmojiTagList() {
// コメントを入力するテキストエリアを指定
var textarea = 'document.comform.article_child__body';

var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
for (var i = 0; i < list.length; i++) {
window.document.write('<a href="javascript:;" onClick="addCustmizeEmoji(' + textarea + ', \'' + list[i][0] + '\');"><img src="' + list[i][1] + '"' + att + ' alt="' + list[i][0] + '" /></a>');
}
}

// reference from jugem.jp (c)
function addCustmizeEmoji(obj, tag) {
var item = '[' + tag + ']';
if (document.selection) {
obj.focus();
sel = document.selection.createRange();
sel.text = item;
} else if (obj.selectionStart || obj.selectionStart == '0') {
var startPos = obj.selectionStart;
var endPos = obj.selectionEnd;
obj.value = obj.value.substring(0, startPos)
+ item + obj.value.substring(endPos, obj.value.length);
} else {
obj.value += item;
}
}
writeCustmizeEmojiTagList();
// -->
</script>
</div>

ここで「width:395px」の値は絵文字一覧の幅を指定しています。
デザインに合わせて調節して下さい。

最後に画像変換スクリプトを追加します。

HTMLをもう少し下にいくと以下の記述があります。
<input name="need_confirm" type="submit" class="input-submit" value="確認する" /><input name="posted" type="submit" class="input-submit" value="書き込む" />

この記述の直後に以下の記述を貼り付けます。
<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能:画像変換
function changeCustmizeEmojiTag() {
// (1)コメント全体のタグの id 属性
var commentAreaIdName = 'comments';
// (2)コメント全体のタグ名
var commentAreaTag = 'div';
// (3)各コメントの class 属性
var commentBodyClassName = 'comments-body';

var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
var objComArea;
var classComArea;
var objComBody = new Array();
if (commentAreaIdName != '') {
objComArea = document.getElementById(commentAreaIdName);
if (!objComArea || !objComArea.innerHTML) return;
classComArea = objComArea.getElementsByTagName(commentAreaTag);
} else {
classComArea = document.getElementsByTagName('*');
}
for (var i = 0; i < classComArea.length; i++) {
if (classComArea[i].className == commentBodyClassName) objComBody[objComBody.length] = classComArea[i];
}
for (var i = 0; i < objComBody.length; i++) {
objComBody[i].innerHTML = getStringCustmizeEmojiTag(list, objComBody[i].innerHTML, att);
}
}

function getStringCustmizeEmojiTag(list, s, att) {
for (var i = 0; i < list.length; i++) {
s = s.split('[' + list[i][0] + ']').join('<img src="' + list[i][1] + '"' + att + ' alt="' + list[i][0] + '" />');
}
return s;
}
changeCustmizeEmojiTag();
// -->
</script>

これを保存して記事ページの再構築をすれば全て完了です。
正しく使えるかどうか確認してみて下さい。

上手くできたらコメントなりトラバなりを残していだだけると嬉しいです。

<追記>
コピペしやすいようにtextareaを使って記事を書いたのですが、
そのせいで上手くいかなくなっていたようです。
チャレンジして失敗した方がいましたら申し訳ありませんでした。
修正版では一応大丈夫なはずです。

この記事へのコメント
無事出来ました
参考にさせていただきました
Posted by む〜 at 2006年02月14日 16:02
コメントありがとうございます。

ちょっとだけ不安のあるネタだったので成功報告嬉しいです。
Posted by ボボコフ at 2006年02月14日 16:31
設定できました
ホントにありがとうございました
今後も色々参考にさせていただきます
Posted by junjun at 2006年02月15日 19:59
ありがとうございました
無事設定できました
今後も色々と参考にさせていただきます
Posted by junjun at 2006年02月15日 20:05
■junjunさん
コメントありがとうございます。
良かったです。
またいつでもどうぞ!
Posted by ボボコフ at 2006年02月15日 23:22
設置できませんでした。
コメントを書く時に表示にならず、
文章書いて、確認を押すと絵文字アイコンのマークがでてきます。
そして、マークを押すと絵文字がたくさん表示されるのですが、絵文字を選んでも反映されません。もしわかるようでしたら教えていただきたいのですが・・
Posted by たっくん at 2006年02月23日 20:21
ダメでしたか。

貼り付け個所が微妙に違う可能性があるかと思いますので一度確認してみて下さい。
こちらは他の原因を考えてみます。
その状態のブログを直接見せていただけると解決が早まると思いますのでよろしければリンク貼って下さい。
Posted by ボボコフ at 2006年02月23日 20:30
ありがとうございます。
確認してみます。
お聞きしている立場でありますが、できればリンクを貼りたくないのです・・
ですので、次にリンクを貼るのですぐ消していただくようにしていただくのは可能でしょうか?
Posted by たっくん at 2006年02月23日 20:34
何度も恐れ入ります。
確認したところ、
コメントを書く


の部分が
コメントを書く



になっています。これに赤文字部分を挿入していましたので"<% blog.page_url % を書き換えてみましたが、変化はありませんでした。

もう一度新たに最初から作ってみたのですが、やはり同じように表示されました。
Posted by たっくん at 2006年02月23日 22:32
ん?タグを貼ったらその部分が空欄になりました。。
Posted by たっくん at 2006年02月23日 22:36
可能性としては、デザイン→HTMLの方に全て貼り付けてしまっているというのが考えられるのですがどうですか?
デザイン→HTMLの方に貼るのは最初の長いソースのみで、残りはデザイン→コンテンツ→記事→コンテンツHTML編集の方に貼り付けます。

こちらで考えられるのはこの辺りまでですね。
後はソースを見ないと何とも。。。
元のHTMLに違いのある部分を上のコメントのように貼ってもらえれば考える材料になります。
タグはそのまま貼り付けるとタグと判断されて表示はされません。
表示させるには少々変換する必要があるのですが、表示されなくてもこちらでは内容を確認できますのでそのまま貼ってもらっても結構です。
Posted by ボボコフ at 2006年02月24日 10:31
ボボコフ 様

おっしゃる通り、HTMLの方へ貼り付けておりました。
早速やり直ししたところ、おかげさまで無事に設置ができました。
大変お手数をおかけし申し訳ございませんでした。
あと、何度も書き込んでしまいすみません。
いろいろとありがとうございました。
Posted by たっくん at 2006年02月24日 14:36
あ、できましたか!
良かったです。

また何かありましたらいつでもどうぞ。
Posted by ボボコフ at 2006年02月24日 14:47
設定できました♪
ありがとうございました。
出来るかどうか不安だったんですが、出来ているみたいなので感激です。
また、何かありましたら質問とかさせていただいてもよろしいでしょうか?
Posted by PICO at 2006年02月28日 02:59
コメントありがとうございます。

基本的にコピペするだけのカスタマイズなのですが、量が多いですし、結果的にHTMLが大幅に変わるので不安になるのもわかりますw

うまくいって良かったです。
質問、いつでもどうぞ。
僕が忙しかったりすると対応が遅れる場合がありますがその点は許してください。
Posted by ボボコフ at 2006年02月28日 10:26
はじめまして
うまく出来ましたので報告いたします。

HTML JAVA CSS などなど プログラミングは長くやっていると目、肩にきます。
どうぞ おだいじにしてください。

リンク貼らせていただきました。
ありがとうございました。
Posted by らた at 2006年02月28日 20:38
良かったです。

体の心配までしていただいて。。
ありがとうございます。

肩、背中、腰がやられてます。。

リンク歓迎です。
またよろしくお願いします。
Posted by ボボコフ at 2006年03月01日 17:26
無事設定できました。
ありがとうございました
また宜しくお願いいたします
Posted by 黒ネコ at 2006年03月02日 16:38
コメントありがとうございます。
何かあればリクエストなどもよろしくお願いします。
Posted by ボボコフ at 2006年03月02日 16:49
こんばんは。
初めまして。参考にさせて頂きました。
書いてある通りにやったのですがうまく出来ませんでした・・・。何か間違ってるんでしょうか??
Posted by みんみ at 2006年03月03日 20:46
■みんみさん
はじめまして。

もしかしたらこの通りにやっても出来ないテンプレがあるかも知れませんし他のカスタマイズの影響の場合もありえます。

ちょっとした間違いが原因の場合もあります。

うまくいかなかったというのは全く変化なしだったのでしょうか?
それとも何か違った形の表示になったのでしょうか?

実際のブログを見せていただければある程度原因がわかるかもしれませんので、よろしければリンクをはってみてください。
Posted by ボボコフ at 2006年03月04日 15:29
毎度です(^o^)丿
完璧に一発で出来ました〜♪

コピーして貼り付けるだけだから、こちらは簡単ですけど
ボボコフさんお頭の中って、どうなってるんでしょうか、あはは(?_?)

ありがとうございました☆


Posted by すずめ at 2006年03月05日 00:52
良かったです。

僕が一から作ったわけではないのでそれほど変な頭してるわけじゃないですよw

またよろしくお願いします。
Posted by ボボコフ at 2006年03月06日 09:59
ああ、感謝感激です。html なんてなにもわからない私にもコピー&ペーストだけでできてしまいました。私のサイトのコメント欄がまたちょっと盛り上がると思います。本当にありがとうございます。

ところでちょっと質問なんですけど、もしも SeeSaa が将来絵文字の数を増やしたりしたら、コメント欄で使える絵文字も自動的に増えるのでしょうか?
Posted by j.elegans at 2006年03月06日 11:08
コメントありがとうございます。

今後絵文字の数が増えた場合、このカスタマイズでも追加作業が必要になります。

このカスタマイズで最初に貼り付ける部分で、絵文字を一つ一つ列挙してます。おかげでこんなに長ったらしくなってるんですがw
その部分に追加された絵文字をさらに加える形になると思います。
Posted by ボボコフ at 2006年03月06日 16:20
返事が遅くなってしまってごめんなさい。
無事に出来ました♪
ありがとうございました(^_-)-☆
Posted by みんみ at 2006年03月16日 23:38
出来ました!ありがとうございました!!
めっちゃ嬉しいです!!!!
Posted by ちゃっくす at 2006年03月17日 01:09
■みんみさん
あ、できましたか!
良かったです。

■ちゃっくすさん
そう言って頂けるとこちらも嬉しいです。
Posted by ボボコフ at 2006年03月17日 10:27
こちらの記事を参考にして無事にコメント欄に設置できました!
コピペだけで簡単にできたので感激です!
ありがとうございました
Posted by kayo at 2006年04月23日 17:14
■kayoさん
また何かあればよろしくお願いします。
Posted by ボボコフ at 2006年05月02日 10:46
こんばんは。
念願の絵文字が設置できました!
ありがとうございます。とっても嬉しいです。
達人様に感謝!感謝です。
Posted by がるぼ at 2006年05月03日 01:08
コピー&ペーストさせて頂きました! アリガトウゴザイマス!

【気になった事】
デフォルトHTMLの方にエラー用の同じ記述があります。
そちらでも使用可能にする場合は追加する必要があるのかなと思います。(マレですが…)
Posted by syuger at 2006年05月04日 00:42
■がるぽさん
良かったです!
達人なんて言われるほど大した事は無いですよ(汗

■syugerさん
エラー用というのはコメントがエラーの時って事でしょうか??
ちょっと時間がある時に見てみますね。
ご指摘感謝です。
Posted by ボボコフ at 2006年05月15日 14:36
初めまして。
こちらの方法で無事に絵文字を追加することができました!
どうもありがとうございました!!

トラックバックされているサイトさんのはコメント記入欄より下に表示されていましたので、

コメント欄の上にリスト表示されるのがいいなぁと念じていたら(?)なんと上に出ました。


これはどこか間違っていたんでしょうか?

例えそうでもちゃんと使えているし、希望通りで逆に結果オーライ♪です(*´∀`)

ありがとうございましたo(_ _)oペコッ♪
Posted by みぃ at 2006年05月31日 13:06
コメントありがとうございます。

念が通じたようで良かったですねw
Posted by ボボコフ at 2006年05月31日 17:45
無事絵文字が追加できました。
ありがとうございました〜ペコリ(o_ _)o))
Posted by やん at 2006年07月03日 12:11
コメントありがとうございます。

妻に頼まれて作ってみた機能なんですが
意外と需要が多くて驚いてますw
Posted by ボボコフ at 2006年07月03日 20:41
絵文字のリストを表示するときに、それぞれの絵文字を
少しずつ離れた状態で(隙間がある状態)で表示したいのですが
どうしたらいいのかわかりません。
是非教えて下さい!
Posted by ちゃっくす at 2006年07月24日 20:31
コメントありがとうございます。

最初の長いコピペの最後の方の
var att = 'border="0" style="vertical-align:middle" width="15" hight="15"';
の部分に
hspace="2" vspace="2"
を追加してやれば、間隔を空ける事ができます。
値を変更すれば、横方向・縦方向それぞれ好きな間隔に設定できると思います。
Posted by ボボコフ at 2006年07月25日 13:32
できました!
迅速で解り易いご説明、本当にありがとうございます!
これからも参考にさせていただきます!!
Posted by ちゃっくす at 2006年07月25日 20:04
あ、できましたか。
良かったです。

またよろしくお願いします。
Posted by ボボコフ at 2006年07月26日 10:08
はじめまして!
早速参考にさせていただき、ちゃんと絵文字が入れられるようになりました!
コピペするだけ、というだけではなく、
何処に貼り付けるかを、とても分かりやすく説明して下さってたので、思った以上に早く完成しました。
(確認するまでドキドキでしたが^^;)
本当にありがとうございます♪
Posted by ゆん at 2006年08月01日 19:37
コメントありがとうございます。

コピペだけですが量が多いので
結構ドキドキしますよね。

僕自身この記事書きながらドキドキでしたから(汗

皆さんの成功のコメントを見る度にホッとします。
Posted by ボボコフ at 2006年08月02日 10:09
「seesaaブログ」「コメント」「絵文字」という文字列で検索してたどり着きました。

とても分かりやすく、無事コメント欄に絵文字を設置できました!
ありがとうございました。
Posted by せいこ at 2006年12月27日 15:23
お役に立ててよかったです。

また何かあればコメント下さい。
Posted by ボボコフ at 2007年01月05日 16:19
はじめまして こんにちは(*^^)v

絵(画)文字や画像が貼り付けられないかと、
探してました。
アッタァ ヽ(^◇^*)/ ワーイ



コメント欄の下に絵文字マークがついてるからOK!
と思って、クリックすると
<アドレスバーに javascript:; と表示>されてしまって○o。.
(貼り付けチェック2回やったのになぁ)

*何をどう間違えたんだろう(;´д`)トホホ
URLは、ハンドルネームに入力いたしました。
編集は、Graniで行いました。

<お手数をおかけしますが、アドバイスをいただけました光栄です。>

Posted by ハニー at 2007年04月29日 14:11
解決しました。

 HTMLがデフォルトのままにしてました。

 *追加したHTMLの適用忘れでした。

 <ありがとうございます(*^^)v>

Posted by ハニー at 2007年04月29日 14:20
■ハニーさん
うまくいって良かったです。
またよろしくお願いします。
Posted by ボボコフ at 2007年05月16日 10:56
この通りに編集して設置できました!!
ありがとうございました♪
とっても分かりやすくて安心して作業進められました。
Posted by chika at 2007年07月03日 10:37
お役に立ててよかったです。

また何かあればコメントください。
Posted by ボボコフ at 2007年07月10日 16:57
はじめまして。
コメント欄で絵文字を使えないかと思って、
いろいろ探して、こちらへたどり着きました。
丁寧に手順が書かれていたので、思っていたより、
簡単に絵文字が使えるようになり、感謝です。
ありがとうございました。
Posted by hisamiko at 2007年10月21日 02:56
初めまして。
以前から参考にさせて戴いております。

私は全くのド素人なので再構築し、
確認するまではドキドキでした。

が、分かり易い説明のお陰で
難なく、乗り切る事が出来ました。

本当にありがとうございます。

今後共、影ながら応援させて頂きます。
ありがとうございました♪
Posted by ぴょ〜く at 2008年01月11日 09:32
こんなことができるといいなぁって思い、検索から来ました。まさか本当にできるとは思ってなかったので、めちゃくちゃ感謝してます!
Posted by プー大柴 at 2008年07月07日 16:07
ブログの改造を色々試してみたくて検索してきました。
とてもためになることばかりでとても感謝してます。
これからもお世話になります!!
Posted by ヱンテス at 2008年11月05日 03:04
できました。
コメ欄に不満を感じていたので嬉しいです。
本当に簡単に設定できました!。
ありがとうございました。
Posted by 海老マヨネーズ at 2008年12月14日 14:55
良かったです。
コメントありがとうございました。
Posted by ボボコフ at 2008年12月16日 15:28
コメント欄に絵文字がないことに、やや不満を感じていたところ、こちらへたどり着きました。
何度か試してみましたが、現在使用しているデザインでは無事に設定できましたw
もしかしてデザインによって出来ないモノがあるのかも?ですね。

大変丁寧に書いていただき、とてもわかりやすかったです。
本当にありがとうございましたw
Posted by 通りすがりの匿名希望 at 2009年05月19日 21:25
できました!
ありがとうございました☆
丁寧でわかりやすかったです(*^_^*)
本当にありがとうございました。
Posted by マパス at 2009年10月04日 21:53
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバック

わ~い!&amp;#63893;
Excerpt: 偶然に立ち寄ったブログりるらろらさんでコメント欄に絵文字をとの記事が!! おぉ? そんな事が出来るんですか?? りるらろらさんのリンクを辿ると… ブログ? カスタマイズ? アフィリ..
Weblog: ● まんまる
Tracked: 2006-02-14 16:19

コメントにも絵文字
Excerpt: コメントに絵文字を使う
Weblog: junjunの井戸端日記
Tracked: 2006-02-16 10:01

コメントにも絵文字
Excerpt: コメント欄にも絵文字を使えるようにしてみました&amp;#63903; seesaaでコメント欄で絵文字を使えたらな~ってずっと思っていたので、メチャメチャ嬉しいです。 参考にしたのはこちらです。 ..
Weblog: Ham'sさまさまのぐるっと日記
Tracked: 2006-02-28 03:00

コメントde絵文字
Excerpt: 『コメントに絵文字を使う』をみつけて、早速カスタマイズしてみたの。丁寧に書いてあるから、結構簡単にできて感激!
Weblog: hisamikoの戯言
Tracked: 2007-10-21 02:52

コメント欄にも絵文字♪
Excerpt: seesaaはコメント欄に絵文字がないのが軽く不満でした。 でも調べたら設定できるんですね。 ↓参考にしたのはこちら。↓ ボボコフ様のブログ カスタマイズ アフィリエイト。 コピペするだけで簡単に設..
Weblog: おなかすいたクポ
Tracked: 2008-12-14 15:08
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。