<!--ListMe_start-->
<form action="./" name="topic" id="topic">
<select name="list" size="1" class="listme">
<option value="javascript:void(window.open
('http://www.blogpeople.net/addlink.jsp?n=1
&amp;u=' + escape
('★ブログのURL★') + '&amp;ti='+escape('★サイト名★'),
'blop','scrollbars=no,width=475,height=350,
left=75,top=175,
status=yes,resizable=yes'));">BlogPeople</option>
<option value="javascript:void(window.open
('http://tags.blogpeople.net/tags_addlink.jsp?u='+escape
('★ブログのURL★')+'&amp;ti='+escape('★サイト名★'),'
BlogPeopleTags','scrollbars=no,width=480,height=320,
left=100,top=100,status=yes,resizable=yes'))">
BlogPeopleTags</option>
<option value="http://a.hatena.ne.jp/append?
★ブログのURL★">
はてなアンテナ</option>
<option value="http://r.hatena.ne.jp/append/
★RSSのURL★">
はてなRSS</option>
<option value="javascript:void
(window.location='http://b.hatena.ne.jp/add?mode=
confirm&amp;title=
'+escape('★サイト名★')+'&amp;url='+escape('★ブログのURL★'));">
はてなブックマーク</option>
<option value="http://www.bloglines.com/sub/
★ブログのURL★">
Bloglines</option>
<option value="http://e.my.yahoo.co.jp/config/
jp_promo_content?.
module=jp_rss&amp;.url=★RSSのURL★">
MyYahoo!RSS</option>
<option value="javascript:void((function(){var w=
window.open
('http://rss.drecom.jp/shortcut/add_rss?url='
+encodeURIComponent
(location.href),'add_rss','scrollbars=yes,
width=450,height=500,
left=100,top=100,status=yes,resizable=yes');
w.focus();})());">
DrecomRSS</option>
</select>
<input value=" ListMe! " type="button"
onclick="location.href=
list.options[list.selectedIndex].value"
class="listme_sub" />
</form>
<!--ListMe_end-->

/* ListMeメニュー */
select.listme {
font-size:10px; /* 文字サイズ */
color:#666666; /* 文字カラー */
background:#fff; /* 背景色 */
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","ＭＳ Ｐゴシック","sans-serif"; /* フォント指定 */
}


/* ListMe登録ボタン */
input.listme_sub {
font-size:10px; /* 文字サイズ */
color:#fff; /* 文字カラー */
background:#808080; /* 背景色 */
border:none; /* ボーダー設定 */
font-family:Verdana,Arial,sans-serif; /* フォント指定 */
}

/* BPList - LIST ICON TYPE */
div.blogpeople-main p {
margin:5px 0;
}
div.blogpeople-main p a {
padding:0 0 0 15px; /* アイコン幅に合わせて変更 */
background:url(アイコン画像のURL) no-repeat left center;
}
span.blogpeople-linklist {
display:block;
padding:0 0 0 5px;
color:#66b4a8;
font-weight:bold;
text-align:right;
border-bottom:1px dashed #ccc;
}

overflow:auto;
height:145px;　←スクロールの長さ

.linktext {
margin:1px 10px 5px 10px;
padding:1px 10px 0px 10px;
font-size:10px;
line-height:150%;
overflow:auto;
height:145px;}

<!-- BEGIN recent_comment -->
<div class="links">
<div class="linktitle" id="commentname">
comment
</div>
<div class="linktext2" id="commentlist">
{recent_comment_list}
</div>
</div>
<!-- END recent_comment -->

.linktext2 {
font-size: 10px;
line-height: 150%;
margin: 1px 10px 5px 10px;
padding: 1px 10px 0px 10px;
overflow: auto;
height: 145px;　←スクロールの長さ}

/* リスト内のリンクの下線を消す */
#linkpage a {
text-decoration:none;
}
/* リストの段組 */
#linkpage {
width:100%;
}
#linkpage dl {
width:200px;
float:left;
}
/* 見出し */
#linkpage dl dt {
padding:0 0.2em;
color: #40B8C5;
border-bottom: 1px dashed #ccc;
}
/* 内部の余白 */
#linkpage dl dd {
margin:1em;
}
/* リンクの高さとスクロール */
#linkpage div.bloglist {
margin: 0 auto;
height:210px;
overflow:auto;
}

<div id="linkpage">
<!--1段目-->
<dl>
<dt>リストのタイトル1</dt>
<dd><div class="bloglist">呼び出しタグ</div></dd>
</dl>
<dl>
<dt>リストのタイトル2</dt>
<dd><div class="bloglist">呼び出しタグ</div></dd>
</dl>
<br style="clear:left;" />
<!--2段目-->
<dl>
<dt>リストのタイトル3</dt>
<dd><div class="bloglist">呼び出しタグ</div></dd>
</dl>
<dl>
<dt>リストのタイトル4</dt>
<dd><div class="bloglist">呼び出しタグ</div></dd>
</dl>
<br style="clear:left;" />
</div>

<div id="categorylist">{category_list}</div>

<script type="text/javascript">
<!--
function makeTreeElements (idName,objList) {
if (!objList.innerHTML) return;
var objLink = objList.getElementsByTagName('a')[0];
var linkUrl = objLink.getAttribute('href');
if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) {
var tmpText = objList.innerHTML.split("⇒");
tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
this.base = Array('<a href="',linkUrl,'">',tmpText[0],'</a>').join('');
this.elem = objLink.innerHTML;
} else if (idName.indexOf('entry') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/¥((¥d¥d¥/¥d¥d)¥)/);
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
} else if (idName.indexOf('link') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/¥[(.+)¥](.+)/) ) {
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'" target="_blank">',RegExp.$2,'</a>').join('');
}
}
return this;
}
function createTreeList(idName,option) { // version 2.2
var objFocus = this.document.getElementById(idName);
if (!objFocus) return;
if (!objFocus.innerHTML) return;
var objLists = objFocus.getElementsByTagName('li');
var linkList = new Array();
var outText = new Array();
if (objLists.length > 0) {
for (i=0;i<objLists.length;i++) {
var chckFlag = true;
var elemText = new makeTreeElements(idName,objLists[i]);
if (!elemText.base || !elemText.elem) return;
for (j=0;j<linkList.length;j++) {
if ( linkList[j].base.indexOf(elemText.base) > -1 ) {
chckFlag = false;
linkList[j][linkList[j].length] = elemText.elem;
}
}
if (chckFlag) {
var tmpNum = linkList.length;
linkList[tmpNum] = new Array();
linkList[tmpNum][0] = elemText.elem;
linkList[tmpNum].base = elemText.base;
}
}
if (linkList.length > 0) {
outText[outText.length] = '<ul>¥n';
for (i=0;i<linkList.length;i++) {
outText[outText.length] = Array('<li>',linkList[i].base,option.top).join('');
if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
for (j=0;j<linkList[i].length;j++) {
outText[outText.length] = (j == linkList[i].length - 1) ? option.end : option.list;
outText[outText.length] = Array(linkList[i][j],option.leef).join('');
}
outText[outText.length] = Array(option.btm,'</li>').join('');
}
outText[outText.length] = '</ul>¥n';
objFocus.innerHTML = outText.join('');
}
}
}
var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '├'; /* ツリー用マーク(通常) */
gTreeOption['end'] = '└'; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '<br />¥n'; /* 各枝の末尾 */
gTreeOption['top'] = '<br />¥n'; /* ツリー本体の最初 */
gTreeOption['btm'] = ''; /* ツリー本体の最後 */
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linklist',gTreeOption); // リンクリストのツリー化
// -->
</script>

メインカテゴリー名(サブカテゴリー名)
＊上記の ( ) は必ず半角で記述してください。

例）カスタマイズ(JUGEM)

ul.tree {
line-height:170%;
}

：
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '├'; /* ツリー用マーク(通常) */
gTreeOption['end'] = '└'; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '<br />¥n'; /* 各枝の末尾 */
gTreeOption['top'] = '<ul class="tree">'; /* ツリー本体の最初 */
gTreeOption['btm'] = '</ul>'; /* ツリー本体の最後 */
：

<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:300px;"></textarea>

onkeyup="doCommentPreview()" onblur="doCommentPreview()"

<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:300px;" onkeyup="doCommentPreview()" onblur="doCommentPreview()"></textarea>

<label for="comment_preview">comment preview:</label><br />
<div class="comment_body" id="comment_preview">ご利用のブラウザ、設定ではご利用になれません。</div><br />

<script type="text/javascript">
<!--
// コメントプレビュー
function doCommentPreview(mode) {
// コメント入力テキストエリアのid属性
var textAreaId = 'description';

// プレビューを表示するタグのid属性
var previewAreaId = 'comment_preview';

// コメントプレビュー欄初期表示文字 または、画像タグ
var initString = 'ここにコメントのプレビューが表示されます。';

if (!isDoCommentPreview()) return;

if (!getElementCommentPreview(textAreaId) || !getElementCommentPreview(previewAreaId)) {
return;
} else if (null != mode && mode == 'init') {
getElementCommentPreview(previewAreaId).innerHTML = initString;
return;
}

var s = getStringCommentPreview(textAreaId);
if (null == s || '' == s || '<br />' == s) {
s = initString;
}

if (getElementCommentPreview(previewAreaId)) {
getElementCommentPreview(previewAreaId).innerHTML = s;
}
}

function getStringCommentPreview(e) {
var s = '';
s = getElementCommentPreview(e).value;
s = s.split('&').join('&amp;');
s = s.split('<').join('&lt;');
s = s.split('>').join('&gt;');
s = s.split('¥'').join('&quot;');
s = s.split('¥n').join('<br />');
return s;
}

function getElementCommentPreview(e, f) {
var l = (document.layers) ? 1 : 0;
if(l) {
f=(f) ? f : self;
var a = f.document.layers;
if (a[e]) return a[e];
for (var w = 0; w < a.length;) {
return getElementCommentPreview(e, a[w++]);
}
}
if (document.all) return document.all[e];
return document.getElementById(e);
}

function isDoCommentPreview() {
var ua = navigator.userAgent;
var doNotAgentList = [
ua.indexOf('Opera/6') != -1,
ua.indexOf('Mac') != -1 && ua.indexOf('MSIE 5') != -1
]
for (var i = 0; i < doNotAgentList.length; i++) {
if (doNotAgentList[i]) return false;
}
return true;
}
doCommentPreview('init');
//-->
</script>

<input type="checkbox" name="checkboxCommentPreview" value="" onClick="changeCommentPreview()" checked /> コメントをプレビューする？

<script type="text/javascript">
<!--
// コメントプレビューを制御
// ↓コメントプレビューをデフォルトでONにする場合は 1 、OFFにする場合は 0
var isCommentPreview = 0;
function changeCommentPreview() {
isCommentPreview = (isCommentPreview == 0) ? 1 : 0;
doCommentPreview();
}
// -->
</script>

// コメントプレビュー欄初期表示文字 または、画像タグ
var initString = 'ここにコメントのプレビューが表示されます。';

if ((null == mode || mode != 'init') && isCommentPreview == 0) return;

if (!isDoCommentPreview()) return;

<script type="text/javascript">
<!--// コメントにカスタマイズ絵文字入力機能：画像設定
function getCommentEmojiList() {
var list = new Array();
// 画像名、画像URLの設定
list[list.length] = new Array('画像名', '画像URL');
list[list.length] = new Array('画像名', '画像URL');
list[list.length] = new Array('画像名', '画像URL');return list;
}

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

// ***************** 設定ここまで *****************
att = (att != '') ? (' ' + att) : '';
return att;
}
// -->
</script>

<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能：画像リスト出力
function writeCustmizeEmojiTagList() {
// コメントを入力するテキストエリアを指定
var textarea = 'document.comform.description';
// ***************** 設定ここまで *****************
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>

<form name="comform" action="･･･" method="post" > ----- （Ａ）
（省略）
<textarea name="description">･･･</textarea> ----- （Ｂ）
</form>

<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能：画像変換
function changeCustmizeEmojiTag() {
// （１）コメント全体のタグの id 属性
var commentAreaIdName = 'comment_area';
// （２）コメント全体のタグ名
var commentAreaTag = 'div';
// （３）各コメントの class 属性
var commentBodyClassName = 'comment_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>

<div id="comment_area"> ----- （１）、（２）
<div class="comment_body""> ----- （３）繰り返される部分
各コメント本文
</div>
</div>

<script type="text/javascript">
<!--
// 記事の編集ページへのリンクを作成する Ver2.0
function makeEntryEditLink(entryPermalink) {
// リンクの文字または、画像のタグ
var linkTextOrImage = 'edit';

// リンクをクリックした再に、別ウィンドウを開くかどうか
// 0：別ウインドウで開かない
// 1：別ウインドウで開く
var isNewWindow = 1;

// ************** 設定ここまで **************

var linkTag = '<a href="';
linkTag += entryPermalink.replace('/?', '/admin/?mode=entry&') + '"';
if (isNewWindow == 1) linkTag += ' target="_blank"';
linkTag += '>' + linkTextOrImage + '</a>';
document.write(linkTag);
}
//-->
</script>

<script type="text/javascript">
<!--
// 記事の編集ページへのリンクを作成する
makeEntryEditLink('{entry_permalink}');
//-->
</script>

<span class="comments_link">{comment_num}</span>
<span class="trackbacks_link">{trackback_num}</span>

<script type="text/javascript">
<!--
// comments、trackbacksのリンク文字をカスタマイズ
function editComTBLink() {
// commentsの代替文字または画像タグ
var comments = 'コメント';

// trackbacksの代替文字または画像タグ
var trackbacks = 'トラックバック';

// {comment_num}、{trackback_num}を囲むタグ名
var tagName = 'span';
// {comment_num}を囲むタグのclass属性の値
var commentsLinkClass = 'comments_link';
// {trackback_num}を囲むタグのclass属性の値
var trackbacksLinkClass = 'trackbacks_link';

// *************** 設定ここまで ***************
var obj = document.getElementsByTagName(tagName);
var cn = '';
comments = '>' + comments + '(';
trackbacks = '>' + trackbacks + '(';
for (var i = 0; i < obj.length; i++) {
cn = obj[i].className;
if (cn == commentsLinkClass) {
obj[i].innerHTML = (obj[i].innerHTML).split('>comments(').join(comments);
} else if (cn == trackbacksLinkClass) {
obj[i].innerHTML = (obj[i].innerHTML).split('>trackbacks(').join(trackbacks);
}
}
}
editComTBLink();
//-->
</script>

引用文
これが引用文です♪よく見かけますよね〜

blockquote {
margin:5px 10px 5px 10px;←外側の余白
padding:10px;←内側の余白
font:10px Verdana;←フォントサイズと種類
color:#000000;←フォントの色
line-height:170%;←行間
border:1px solid #000000;←枠線の種類
background:#FFFFFF;←背景の色
background-image:url(★★★.gif);←背景URL
}

<blockquote>引用文</blockquote>

<div class="entry_body">
{entry_description}
</div>

.entry_body hr {
display:none;
}

<script type="text/javascript">
<!--
function initSequel(tagName,className) {
if (!document.body.innerHTML) return;
var viewMode = window.location.search;
if ( viewMode.indexOf('?mode=comment') > -1 || viewMode.indexOf('?eid=') > -1 ) return;
var objDiv = document.getElementsByTagName(tagName);
for (var i=0;i<objDiv.length;i++) {
if ( objDiv[i].className == className && objDiv[i].getElementsByTagName('hr').length > 0 ) {
var tmp = gTextSequel.length;
var linkText = Array('<a class="toggleSequel" href="#" onclick="return toggleSequel(',tmp,')" onkeypress="return toggleSequel(',tmp,')">',gTextVisible,'</a>').join('');
gTextSequel[tmp] = new Array();
gTextSequel[tmp].text = objDiv[i].innerHTML.replace(/<hr ¥/>/i,'<HR>');
gTextSequel[tmp].flag = false;
objDiv[i].setAttribute('id',Array('jugemEntryBody',tmp).join(''));
objDiv[i].innerHTML = Array(gTextSequel[tmp].text.split(/<HR¥/?>/i)[0],linkText).join('');
}
}
}
function toggleSequel(idNum) {
if (!document.body.innerHTML) return false;
var idName = Array('jugemEntryBody',idNum).join('');
var objFocus = document.getElementById(idName);
if (objFocus) {
var tmpText = new Array();
var bodyText = '';
var linkText = (gTextSequel[idNum].flag) ? gTextVisible : gTextHidden;
linkText = Array('<a class="toggleSequel" href="#" onclick="return toggleSequel(',idNum,')" onkeypress="return toggleSequel(',idNum,')">',linkText,'</a>').join('');
if (gTextSequel[idNum].flag) {
bodyText = Array(gTextSequel[idNum].text.split(/<HR¥/?>/i)[0],linkText).join('');
} else {
switch (gTextPosition) {
case 0:
bodyText = gTextSequel[idNum].text.split(/<HR¥/?>/i).join(linkText);
break;
case 1:
bodyText = Array(gTextSequel[idNum].text,linkText).join('<br />');
break;
case 2:
bodyText = gTextSequel[idNum].text.split(/<HR¥/?>/i).join(linkText);
bodyText = Array(bodyText,linkText).join('<br />');
break;
}
}
gTextSequel[idNum].flag = (gTextSequel[idNum].flag) ? false : true;
objFocus.innerHTML = bodyText;
}
return false;
}
gTextVisible = '↓[続きを表示]'; /* 「続き」を表示するためリンク */
gTextHidden = '↑[続きを隠す]'; /* 「続き」を隠すためのリンク */
gTextPosition = 0; /* 「続きを隠す」を表示する位置 0:「続き]の前 1:「続き」の後ろ 2:両方 */
gTextSequel = new Array();
initSequel('div','entry_body');
// -->
</script>

今日は……
<hr />
いいお天気だ。