機能充実、完全無料のSeesaaブログは、↑ここからすぐに作成できます。
カテゴリ[Seesaaブログカスタマイズ:便利なカスタマイズ]

[Seesaaブログカスタマイズ:便利なカスタマイズ]の記事一覧

2006年08月18日

タグを表示させる

もう大分前の話になりますがSeesaaブログにも
タグをつけられるようになりました。

この仕様変更前にHTMLやスタイルシートをカスタマイズしていた場合、
さらに手を加えてやらないとこのタグを表示する事ができません。

で、それを表示させる作業、
意外と面倒くさそうだったので後回しにしていたのですが
Inqsite Blogさんにわかり易く紹介されていたので
自分で記事にするのはやめてそちらを紹介させていただきます。

タグサービスを有効にする方法

書かれている通りにやったら簡単にできました。
2006年05月02日

トピックパスをつける

リクエストいただいたので
トピックパスのつけ方です。
パン屑リストとか言われたりするやつです。
Mainページ > カテゴリ > 個別記事

こんなやつです。

表示する位置やページによってやり方は色々あります。

今回はカテゴリ、過去ログ、個別記事ページの
同じ位置に表示する方法を紹介します。
表示位置は通常ナビが表示される部分の上です。
ここが一番統一した形にしやすいので。

カテゴリページでは
Top>カテゴリ名


過去ログページでは
Top>archive ○月○日


個別記事ページでは
Top>カテゴリ名>個別記事タイトル


と、こんな感じに表示するようにします。

では方法。

デザイン→コンテンツ→記事→コンテンツHTML編集を開きます。
このHTMLの上の方に以下の赤文字・青文字で示すソースを追加します。
<% content.header -%>
<!-- Content -->
<% if:page_name eq 'article' -%>
<div class="topicpath">
<a href="<% blog.page_url %>">
Top</a>
<% loop:list_article -%>
<a href="<% article_category.page_url %>">
<% article_category.name %></a>
<% article.subject %>
<% /loop -%></div>

<div class="navi">
<% if:previous_article -%>&lt;&lt;<a href="<% previous_article.page_url %>"><% previous_article.subject | tag_break %></a>| <% /if -%>
<a href="<% blog.page_url %>">Main</a>
<% if:next_article -%>| <a href="<% next_article.page_url %>"><% next_article.subject | tag_break %></a>&gt;&gt;<% /if -%>
</div>
<% /if -%>
<% if:page_name eq 'archive' -%>
<div class="topicpath"><a
href="<% blog.page_url %>">
Top</a>>archive
<% archive.createstamp | date_format("%Y年%m月") %></div>
<div class="navi">
<% if:previous_archive -%>&lt;&lt;<a href="<% previous_archive.page_url %>"><% previous_archive.createstamp | date_format("%Y年%m月") %></a>|<% /if -%>
<a href="<% blog.page_url %>">Main</a>
<% if:next_archive -%>|<a href="<% next_archive.page_url %>"><% next_archive.createstamp | date_format("%Y年%m月") %></a>&gt;&gt;<% /if -%>
</div>
<% /if -%>
<% if:page_name eq 'category' -%>
<div class="topicpath"><a
href="<% blog.page_url %>">
Top</a>
<% category.name %></div>
<% /if -%>
<% loop:list_article -%>

これを保存して再構築すれば上記のような表示になるはずです。

青文字で書いた部分は、そのまま表示される部分なので
好きな表現に変更して構いません。
例えばTopをMainにするとか。
>を→にするとか。

で、このままだとデザイン的に問題があるかもしれませんので、
その場合はCSSにtopicpathを追加して調節して下さい。

.topicpath{
text-align:left;
margin:0px;
padding:5px;
}
こんな感じで。

以上です。
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を使って記事を書いたのですが、
そのせいで上手くいかなくなっていたようです。
チャレンジして失敗した方がいましたら申し訳ありませんでした。
修正版では一応大丈夫なはずです。
2005年11月10日

ブログの記事から直接編集ページへ

無料ブログでビジネスブログさんに
便利なカスタマイズの記事があったので
それを参考に、若干アレンジしたものを紹介します。

ブログの記事から、
直接その記事の編集ページに飛べるリンクを作成する方法です。

記事を修正する際にこのリンクがあると非常に便利です。
記事の数が増えると修正はかなり面倒な作業になりますし。

方法は、まず管理画面の
デザイン→コンテンツ→記事→コンテンツHTML編集
を開きます。

このHTMLの真ん中辺り、以下に示す場所に、
赤と青の文字の部分を追加します。
<% if:article.accept_comment_show -%>
| <a href="<% article.page_url %>#comment">Comment(<% article.children_count | __or__ | echo('0') %>)</a>
<% /if -%>
<% if:article.accept_tb_show %>
| <a href="<% article.page_url %>#trackback">TrackBack(<% article.tb_count | __or__ | echo('0') %>)</a>
<% /if -%>
<% if:style.disp_category %>| <a href="<% article_category.page_url %>"><% article_category.name %></a><% /if %>
| <a href="http://blog.seesaa.jp/pages/my/blog/home/?blog_id=<% blog.id %>&goto=/pages/my/blog/article/edit/input?id=<% article.id %>" >ブログ上に表示するリンクの文字</a>
</div>

</div>

</div>
<% /loop -%>

そして青文字の部分を以下のように修正して下さい。

<追記>
無料ブログでビジネスブログの深田さんよりトラックバックをいただき、
ブログIDは変数「blog.id」でそのまま取得できると教えていただきました。
なので以下打消しの部分は無視して下さい。

「自分のブログのID」の部分はは自分のブログのIDを入れてください。
管理画面のマイブログのページで、
「○○さんのブログ一覧」の自分のブログ名にカーソルを乗せると
IEの場合はウインドウの下にリンク先URLが表示されます。
この最後にあるblog_id=○○○○○○の部分がブログIDです。
表示されない場合は右クリックでショートカットのコピーをクリックして
メモ帳にでも貼り付ければ見れます。

深田さんに感謝です。
<追記終わり>


ブログ上に表示するリンクの文字の部分は、
実際にブログ上に表示される事になる文字です。
Editや修正などが良いでしょうか。
(僕は目立たせたくないので「.」にしてますが、
それもどうかと思うのですぐに変更するかもしれません。)

この方法だと、複数ブログを持っている場合でも
常に記事の管理画面が正しく表示されるんじゃないかと思います。

ちなみにこの例では、Posted欄の一番右に表示するようにしています。
別の場所に表示したいという場合はコメント等で教えてください。
×

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