Customize in Ninja Blog

ここからが追記文章となる。

追記へのリンクテキストをクリックすると追記が開くのは、javascriptを組み込んでいるため。通常は、この記事の詳細ページ（http://■■■.blog.shinobi.jp/Entry/●●/）へと飛ぶのが一般的。

追記へのリンクテキストを個別に変更するには、「詳細設定」というところをクリックすると一番下に投稿時間の設定、追記のリンクテキスト、記事の状態、テキストフォーマット、TB/RSSのPING送信、コメント、トラックバックの設定ができる画面がでる。
ここの「追記のリンクテキスト」にリンク文字にしたいテキストを入力すれば
全体で変える場合は、管理画面の環境設定から、ブログの詳細設定へといき「デフォルトの「つづきを読む」文言」を入力すればよい。

文章の装飾―追記文―

追記でも当然同じように装飾可能。
記事入力欄の上のボタンを使うと文章に色をつけたり、文字の大きさを大、中、小と変えたり、太くしたりできる。
そのほかにも、文字のスタイルを斜体にしたり、打ち消し線を引いたり、下線を引いたりできる。
もちろん絵文字も可。ボーダフォン、ドコモ、AU
さらにはリンクテキストはこのようになる。

追記分の引用でも同様だか、省略。

まとめ：文章の修飾コード

・文字色：<span style="color:色コード">装飾するテキスト</span >
・文字サイズ：<span style="font-size:大きさの指定">装飾するテキスト</span >
　※大きさの指定は大＝220％、中＝150％、小＝70％が初期値。この初期値を変えるには、管理画面から環境設定⇒管理画面の設定⇒新しい記事を書くの設定で変更できる。
・太字：<strong>装飾するテキスト</strong>
・斜体：<i>装飾するテキスト</i>
・打ち消し線：<s>装飾するテキスト</s>
・下線：<u>装飾するテキスト</u>

画像

画像は、記事入力欄のカメラのボタンで文章に挿入できる。通常挿入されるのは、サムネイル画像のほうである。
←画像サイズ373*336

サムネイル画像の大きさは、管理画面の環境設定からブログの詳細設定⇒サムネイルの設定で、縦幅と横幅を決めることができる。（ちなみにこのブログは縦横共に150で設定）
サムネイルはこの設定した幅よりも大きいものを小さくして表示する。したがって、コレより小さいものは、そのまま表示するのと変わりなく見える。

←画像サイズ100*100

画像を挿入するときのコードは次のようになっている。
<a href="http://file.ユーザーID.blog.shinobi.jp/画像の名前" target="_blank"><img src="http://file.ユーザーID.blog.shinobi.jp/Img/画像のID番号/" border="0" alt="画像のタイトル"></a>

・ユーザーID･･･ブログのURLの一部になっているもの。ホスト名。
・画像の名前･･･画像のファイル名。上の向日葵のがぞうなら「himawari.gif」の部分。
・target="_blank"･･･新しく別窓を開いてUPした本来の画像を表示するという意味。別窓表示したくない場合はここを削除。
・画像のID番号･･･UPした順番に画像に振られる番号。この番号でサムネイルを作っている。
・border="0"･･･画像の枠を決めている。スタイルシートに枠を指定していても、ここに「"0"」と指定されていると反映されない。
・画像のタイトル･･･画像をUPしたときにタイトルを入力していれば、ここに表示される。実際には、マウスを画像の上においたときにチップとして表示される。

サムネイルを使わない場合画像
サムネイルを使わないで画像を表示するには次のようにコード組み替える。
<img src="http://file.ユーザーID.blog.shinobi.jp/画像の名前" border="0" alt="画像のタイトル">

実際の表示は下のようになる。



ちなみに、向日葵の画像は、背景が透過しているのだが、サムネイルでは反映されていない。

以下、修正点です。

スタイルシートの次の部分をこのように変更しました。
▽コメント＆トラバをするにあたっての注意書きのリスト

ul.cmtb_notes {
color:#656565;
background-color:#ffffff;
margin:5px 30px 15px 30px;
padding:5px 5px 5px 5px;
width:500px;
border:1px dotted #badcad;
line-height : 18px ;
list-style : square url("http://blog.cnobi.jp/v1/blog/user/71c2c20f35eebba960318cc90157cdbb/61") inside;
font-size : 11px ;
text-align:left;
}

▽コメントの一覧表示部分

/*コメント*/
div.cm_contents {
margin:5px 15px 5px 5px;
padding:5px 5px 0px 5px;
width:570px;
border-bottom:1px dashed #badcad;
}
div.cm_main_contents {
width:560px;
background:url("http://blog.cnobi.jp/v1/blog/user/71c2c20f35eebba960318cc90157cdbb/65") repeat-y top left;
}
div.cm_title {
margin:5px 20px 5px 30px;
width:510px;
font-size:15px;
color:#669966;
font-weight:bold;
}
div.cm_text {
margin:0px 20px 0px 30px ;
width:470px;
font-size:12px;
line-height:21px;
background:url("http://blog.cnobi.jp/v1/blog/user/71c2c20f35eebba960318cc90157cdbb/66") repeat;
}

div.cm_footer {
margin:0px 10px 0px 30px;
width:510px;
font-size:11px;
color:#badcad;
text-align:right;
}
div.cm_res_contents {
border-top:1px dashed #badcad;
width:560px;
background:url("http://blog.cnobi.jp/v1/blog/user/71c2c20f35eebba960318cc90157cdbb/65") repeat-y top right;
}
div.cm_res_title {
margin:5px 30px 5px 20px ;
font-size:15px;
color:#669966;
font-weight:bold;
}
div.cm_res_text {
margin:0px 30px 0px 20px ;
width:510px;
font-size:12px;
line-height:21px;
background:url("http://blog.cnobi.jp/v1/blog/user/71c2c20f35eebba960318cc90157cdbb/66") repeat;
}
div.cm_res_footer {
width:530px;
font-size:11px;
color:#badcad;
text-align:right;
}

5/27日に修正申請しましたので、しばらくしたら承認されると思います。