ブログで使うＨＴＭＬたぐ https://a40f.seesaa.net/ 　ブログは簡単に使えていいね。でも、ＨＴＭＬタグを覚えると、もっと楽しめると思うよ。管理人と一緒に、勉強していきましょう。。 ja https://a40f.seesaa.net/article/347708959.html 行間の指定とフォントサイズ 　ブログなどの記事の行間は狭いと読みにくく、広すぎても間が抜けて見える。　ブログの行間は、スタイルシートの『line-height: 数字;』で調整する。スタイルシート　line-height: 数字;の意味は？　スタイルシートの記載がline-height: 1.5;なら、文字の1.5倍の行間。　line-height: 1;ならば、文字の1倍（文字の大きさと同じ）行間となる。 line-height: 数字　単位;の場合は？　line-height: 15px;.. フォントサイズの指定 bb 2013-03-18T21:09:50+09:00 　ブログなどの記事の行間は狭いと読みにくく、広すぎても間が抜けて見える。

　ブログの行間は、スタイルシートの『line-height: 数字;』で調整する。

スタイルシート　line-height: 数字;の意味は？

　スタイルシートの記載がline-height: 1.5;なら、文字の1.5倍の行間。

　line-height: 1;ならば、文字の1倍（文字の大きさと同じ）行間となる。

 

line-height: 数字　単位;の場合は？

　line-height: 15px;の場合、行間は15pxで固定される。

　文字の大きさに関係なく15pxで固定されるので、文字の大きさが変わると、表示がおかしくなる。

　シーサーブログやFC2ブログのテンプレートでも『line-height: 数字　単位;』で行間が指定されている場合があるけど、直しておいたほうがいいかも。

 

line-height: 15px;、フォントサイズ１５PXで指定したスタイルシートの文章の例

　line-height: 15px;、フォントサイズ１5PXで指定したスタイルシートの文章の例
こんなかんじになる。
　line-height: 15px;、フォントサイズ20PXで指定した例と比べてみて↓

 

line-height: 15px;、フォントサイズ20ｐｘで指定したスタイルシートの文章の例

line-height: 15px;、フォントサイズ20ｐｘで指定したスタイルシートの文章の例
　こんな感じになる。
　line-height: 15px;、フォントサイズ１5PXで指定したスタイルシートの文章の例と比べてみて。

 

　と言うようなおかしな表示になってしまう。

　これを、pxでなく%などで指定しておくと、文字の大きさに合わせて行間も適度に変更されるようになる。

　文字指定についてはまた次の機会に。

 



]]> https://a40f.seesaa.net/article/301685234.html 見出しタグとSEO 　見出しタグって一体何？　目次みたいなものだと言えばわかりやすいかな？ 見出しの順番　見出しには1から6まであり、数が多くなるにつれて、重要性が低くなる。　検索エンジンが評価するのは、大体3番目の見出しくらいまで。 見出しのタグ1番重要な見出し⇔<h1>1番重要な見出し</h1>2番目に重要な見出し⇔<h2>2番重要な見出し</h2>3番目に重要な見出し⇔<h3>3番重要な見出し</h3&g.. SEOに重要な意味を持つHTMLタグ bb 2012-11-13T21:45:50+09:00 　見出しタグって一体何？

　目次みたいなものだと言えばわかりやすいかな？

 

見出しの順番

　見出しには1から6まであり、数が多くなるにつれて、重要性が低くなる。
　検索エンジンが評価するのは、大体3番目の見出しくらいまで。

 

見出しのタグ

1番重要な見出し⇔<h1>1番重要な見出し</h1>

2番目に重要な見出し⇔<h2>2番重要な見出し</h2>

3番目に重要な見出し⇔<h3>3番重要な見出し</h3>

4番目に重要な見出し⇔<h4>4番重要な見出し</h4>

5番目に重要な見出し⇔<h5>5番重要な見出し</h5>

6番目に重要な見出し⇔<h6>6番重要な見出し</h6>

　

見出しの頻度

　<h1>～</h1>で記載される見出しについては、1ページの中で1回と使用頻度が決まっている。

 

見出しタグで指定した場合の文字の大きさ

　特にスタイルシートで指定しない場合、見出しタグによって文字の大きさが決まってくる。
　例えば↓

4番目に重要な見出し⇔<h4>4番重要な見出し</h4>

5番目に重要な見出し⇔<h5>5番重要な見出し</h5>
6番目に重要な見出し⇔<h6>6番重要な見出し</h6>

といった具合。
　お察しのとおり、見出しの番号が少なくなれば、文字は大きく表示される。

 

　使いこなすには、ちょっとばかりやりにくい部分のある見出しタグ。

　しかし、SEO的には、<h1>～</h1>・<h2>～</h2>・<h3>～</h3>位までは、効果があるといわれているので、意識して使いこなしたいところ。

 



]]> https://a40f.seesaa.net/article/287128517.html seesaaブログは見出しタグの設定を変えてSEOに役立てよう 　seesaaブログのテンプレートは、見出しタグH2（h2）が日付に使われている。　見出しタグは、検索エンジンにアピールする大切なタグだ。　日付が記事のタイトルより重要ってのは、ちょっとおかしい。&nbsp;　検索するとき、内容より日付で検索するってあまり無いんじゃないだろうか？&nbsp;　と言うわけで、日付から見出しタグを削除して、記事タイトルをh2の見出しタグで表示されるように設定してみる。&nbsp;見出しの設定を変えようHTMLの設定を変える1、『デザイン』⇒『HT.. シーサーブログをカスタマイズ bb 2012-11-13T21:39:58+09:00 　seesaaブログのテンプレートは、見出しタグH2（h2）が日付に使われている。

　見出しタグは、検索エンジンにアピールする大切なタグだ。

　日付が記事のタイトルより重要ってのは、ちょっとおかしい。

 

　検索するとき、内容より日付で検索するってあまり無いんじゃないだろうか？

 

　と言うわけで、日付から見出しタグを削除して、記事タイトルをh2の見出しタグで表示されるように設定してみる。

 

見出しの設定を変えよう

HTMLの設定を変える

1、『デザイン』⇒『HTML』をクリック。

2、<h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2>
　これが、seesaaブログの日付部分。

　ちなみに、<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>が記事のタイトル。

 

　SEO的にも、タイトルが日付より重要視されているのは問題だと思う。

 

3、日付部分から見出しタグを削除する。

　<h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2>⇒<div class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></div>に変更。

4、記事タイトルの見出しタグをh2に変更する。

<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>⇒<h2 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h2>に変更。

5、保存ボタンをクリック。

 

コンテンツのHTMLの設定を変更する

1、コンテンツをクリック⇒記事⇒『HTMLの編集』をクリック。

 

2、<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>のh2をdivに書き換え。

 

3、<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>のh3をh2に書き換える。

 

4、保存ボタンをクリック。

 

 

　これで、日付より、記事タイトルのほうが検索エンジンにヒットする確率が高くなる。

　SEO的には、この方が有利。

 

　ちなみに、seesaaブログのテンプレートの場合、全体のHTMLだけをいじっても見出しの設定は変わらない。

 

　ところが、コンテンツのHTMLの編集だけをいじった場合、どうも、設定が変わるらしい。

 

　なんで、こんなややこしいことになるのかはよくわからない。

 

 

　HTMLの設定が終わったら、スタイルシートも変更しよう。

　スタイルシートを変更しないと、レイアウトが乱れておかしなことになってしまう場合がある。

 

seesaaブログのスタイルシートを変更しよう

　見出しタグのスタイルシートの変更は、『デザイン設定』から変更する。

1、『デザイン』⇒『デザイン設定』をクリック。

2、テンプレートのタイトルをクリック。

3、スタイルシートを書き換える。

元のスタイルシートの例

h2 {
padding: 0px 0px 0px 40px;
font-weight:bold;
font-size:14px;
text-align:left;
font-family:arial, Helvetica;
}

h3 {
padding: 5px 0px 10px 40px;
font-size:14px;
font-weight:bolder;
font-family:arial, Helvetica;
}

h3 a{
text-decoration: none;
}

　

 

書き換え後のスタイルシートの例

h2 {
padding: 5px 0px 10px 40px;
font-size:16px;
font-weight:bolder;
font-family:arial, Helvetica;
}

h2 a{
text-decoration: none;
}
h3 {
padding: 0px 0px 0px 40px;
font-weight:bold;
font-size:14px;
text-align:left;
font-family:arial, Helvetica;
}

　スタイルシートの記載はあくまで例なので、文字の色や大きさは好みで変えてください。

 



]]> https://a40f.seesaa.net/article/290292967.html 記号付リスト 　ブログ記事の中で、記号リストを使いたい！　が、リストの説明を間に入れたいんだけどどうするの？　リストとリストの間を空けたいときはどうするの？記号つきリストの構造 記号付リスト1 記号付リスト2 記号付リスト3&nbsp;　上のHTMLは↓&lt;ul&gt;&nbsp; &lt;li&gt;記号付リスト1 &nbsp; &lt;li&gt;記号付リスト2&nbsp; &lt;li&gt;記号付リスト3&lt;/li&gt;&lt;/ul&gt;&nbsp;記号付.. 基本のタグ bb 2012-09-05T00:00:00+09:00 　ブログ記事の中で、記号リストを使いたい！

　が、リストの説明を間に入れたいんだけどどうするの？

　リストとリストの間を空けたいときはどうするの？

記号つきリストの構造

  • 記号付リスト1
  • 記号付リスト2
  • 記号付リスト3

 

　上のHTMLは↓

<ul>
  <li>記号付リスト1
  <li>記号付リスト2
  <li>記号付リスト3</li></ul>

 

記号付リストの間に説明を加える場合

  • 記号付リスト1
    　記号付リストで表示された文章は、見出しのように、検索エンジンが評価する項目になります。
  • 記号付リスト2
    記号付リストを上手に使って検索エンジンに記事の内容をアピールしよう。
  • 記号付リスト3
    記号付リストは、段落ごとに記号がつく。
    リスト化された項目に説明文を加えたい場合、改行を使いましょう。

 

上の記号付リストに説明を加えた場合のHTMLは↓

<ul>
  <li>記号付リスト1<br>　記号付リストで表示された文章は、見出しのように、検索エンジンが評価する項目になります。</li>
  <li>記号付リスト2<br>記号付リストを上手に使って検索エンジンに記事の内容をアピールしよう。</li>
  <li>記号付リスト3<br>記号付リストは、段落ごとに記号がつく。<br>リスト化された項目に説明文を加えたい場合、改行を使いましょう。</li></ul>
 

　段落で区切ると記号がつく。

　改行で段を変えた場合、記号はつかない。

　説明文を入れたい場合やリストとリストの間隔をあけたい場合、改行で段を切り替えること。



]]> https://a40f.seesaa.net/article/288538918.html シーサーブログのタグリンクページの広告をカスタマイズ 　シーサーブログのタグリンクページ、この間初めてタグをクリックして気がついた。　タグのリンク先は標準で、同じブログ内に表示される。　問題はそのタグの表示ページ。　一番上のほうに、シーサーブログの設定した広告が表示される。&nbsp;　このシーサーブログのタグのリンクページの広告設定は、環境設定で広告表示を行わない設定にしても表示される。&nbsp;　やだー。&nbsp;　で、どうにかならないものか?&nbsp;　あちこちいじってみた結果。&nbsp;シーサーブログのタグリンク.. シーサーブログをカスタマイズ bb 2012-08-26T23:58:28+09:00 　シーサーブログのタグリンクページ、この間初めてタグをクリックして気がついた。

　タグのリンク先は標準で、同じブログ内に表示される。

　問題はそのタグの表示ページ。

　一番上のほうに、シーサーブログの設定した広告が表示される。

 

　このシーサーブログのタグのリンクページの広告設定は、環境設定で広告表示を行わない設定にしても表示される。

 

　やだー。

 

　で、どうにかならないものか?

 

　あちこちいじってみた結果。

 

シーサーブログのタグリンクページの広告設定の変数

<% if:blog.has_usertag_ad -%>
<div class="tag-body">
<% blog.usertag_ad_html(tag, css, 2) %>
</div>
<% /if %>

　上の変数がシーサーブログのタグのリンクページの広告設定の変数とHTML。

 

　でも、実は、この広告、削除してもページは表示される。

 

　もちろんずらして下のほうに表示することもできる。

 

シーサーブログのタグリンクページのカスタマイズ

1、デザイン⇒HTML⇒適応するテンプレートのタイトルをクリック。

2、HTMLをすべてコピーして、テキストエディタなどに貼り付けて、予備を取っておく。

3、下の変数およびHTMLを切り取る。

<% if:blog.has_usertag_ad -%>
<div class="tag-body">
<% blog.usertag_ad_html(tag, css, 2) %>
</div>
<% /if %>
　

4、一番下に移動する場合は、下の部分に挿入するとタグリストの下に広告が表示される。

<div class="tag-more"><a href="<% blog.tag_url(tag, tag_service.service_key) %>">≫もっと見る</a></div>
<% /if -%>
</div>
<% /loop -%>
<script type="text/javascript" language="javascript" src="<% site_info.blog_url %>/js/tag_cloud.js"></script>
<div id="tag_cloud"><% loop:list_tags -%><a href="<% blog.tag_url(tag) %>" class="_tag" title="<% tag.word | html %>/<% count %>"><% tag.word | html %></a> <% /loop -%></div>
<script type="text/javascript" language="javascript">
//<![CDATA[
tag_cloud("tag_cloud");
//]]></script>
<br />
</div>
<% /if -%>
<% if:blog.has_usertag_ad -%>
<div class="tag-body">
<% blog.usertag_ad_html(tag, css, 2) %>
</div>
<% /if %>
</div>

　赤い字の太字の部分が移動した広告。

5、保存ボタンをクリック。

　このタグのリンク先ページ、考えてみると色々活用できそうだ。

　例えば、全記事リストと言うタグをすべての記事に入れれば、多分、掲載したすべての記事が表示されるんじゃないかな？

 



]]> https://a40f.seesaa.net/article/287656551.html パンくずリストを付けてみました 　ブログにパンくずリスト（トピックスパス）を付けてみた。　seesaaブログはブログパーツでパンくずリストが提供されていない。　ブログを見に来てくれた人のために、そのページがどのカテゴリーに属するページなのか明示されるようにしたかったので。　と言うわけで、seesaaブログにパンくずリスト（トピックスパス）を付けてみます。&nbsp;seesaaブログにパンくずリスト（トピックスパス）を付けるカスタマイズ1、デザイン⇒HTML⇒適応しているテンプレートタイトルをクリック。&n.. シーサーブログをカスタマイズ bb 2012-08-21T12:00:25+09:00 　ブログにパンくずリスト（トピックスパス）を付けてみた。

　seesaaブログはブログパーツでパンくずリストが提供されていない。

　ブログを見に来てくれた人のために、そのページがどのカテゴリーに属するページなのか明示されるようにしたかったので。

　と言うわけで、seesaaブログにパンくずリスト（トピックスパス）を付けてみます。

 

seesaaブログにパンくずリスト（トピックスパス）を付けるカスタマイズ

1、デザイン⇒HTML⇒適応しているテンプレートタイトルをクリック。

 

　＊テンプレートのHTMLはテキストエディタにコピーししておきましょう。

 

2、パンくずリストのHTML

<div class="topicpath">
<a href="<% blog.page_url %>"><% blog.title %></a>
<% if:page_name eq 'category' %> > <% extra_title %><% /if %>
<% if:page_name eq 'article' %> > <% extra_title %><% /if %>
<% if:page_name eq 'archive' %> > 過去ログページ<% /if %>
</div>

 

3、パンくずリストを入れる位置

　＊HTMLの<div id="banner">の下に上の記述を追加すると、ブログの最上部、ヘッダー部分にパンくずリストが表示される。

 

　他の箇所にも入れられるのかもしれないけど、とりあえず。

 

　seesaaブログをお使いの方は試してみて。



]]> https://a40f.seesaa.net/article/286634980.html SEOってなんなの？ 　よく、SEOって言うけど、SEOって何?&nbsp;SEOの意味?　検索エンジン最適化（Search Engine Optimization、サーチ・エンジン・オプティマイゼーション）の略語　検索エンジンに検索してもらいやすくなるようにサイトを構築するのがSEOの目的。&nbsp;　サイトの訪問者は、検索サイトから訪問することが多い。　サイトの訪問者を増やすには、検索エンジンで上位表示されるのが一番効果的。検索エンジンってなに？　検索サイトの大手と言えばGoogleが有名。.. SEOに重要な意味を持つHTMLタグ bb 2012-08-14T21:57:17+09:00 　よく、SEOって言うけど、SEOって何?

 

SEOの意味?

　検索エンジン最適化（Search Engine Optimization、サーチ・エンジン・オプティマイゼーション）の略語

　検索エンジンに検索してもらいやすくなるようにサイトを構築するのがSEOの目的。

 

　サイトの訪問者は、検索サイトから訪問することが多い。

　サイトの訪問者を増やすには、検索エンジンで上位表示されるのが一番効果的。

検索エンジンってなに？

　検索サイトの大手と言えばGoogleが有名。

　他はYahooとか、インフォシーク、MSNだろうか？

　これらの検索サイトが使っている、検索のための情報を収集するのが、検索エンジン。

　検索エンジンの中でも、サイトの情報判断の基準を割りとはっきりさせているのが、Google。

　Yahooなども、このGoogleの検索エンジンを基にしていると言われている。

　MSNはマイクロソフトの検索エンジンだが、GoogleとMSN、この二つの検索エンジン対策が重要って話。

 



]]> https://a40f.seesaa.net/article/280281406.html 画像をクリックすると別ページが開くHTML 　画像をクリックすると、記事のページに飛ぶようにリンク先を設定する方法。　画像をクリックすると、拡大された画像のページでなく、記事などのページに飛ぶように設定する。画像のリンク先を指定するHTML&lt;a href="画像のリンク先のURL" &gt;&lt;img src="画像のURL" alt="代替テキスト" border="0" width="255" height="96" /&gt;&lt;/a&gt;&nbsp;　ちなみに、target="_blank"は別.. 画像のHTMLを学ぼう bb 2012-07-11T11:43:28+09:00 　画像をクリックすると、記事のページに飛ぶようにリンク先を設定する方法。

　画像をクリックすると、拡大された画像のページでなく、記事などのページに飛ぶように設定する。

画像のリンク先を指定するHTML

<a href="画像のリンク先のURL" ><img src="画像のURL" alt="代替テキスト" border="0" width="255" height="96" /></a>

 

　ちなみに、target="_blank"は別ページでリンク先を開くHTML。

　特に指定しない場合は、クリックでは、同じページでリンク先に移動。

　右クリック⇒別ウインドで開くで別ページでリンク先が開く。

 

　代替テキストと言うのは、画像にマウスを入れたときに表示される文章。

　画像が何らかの原因で表示されない場合の画像の内容を示すほか、検索エンジンや読み上げソフトが読み上げる部分なので、画像には付けておいたほうが安心。



]]> https://a40f.seesaa.net/article/276500071.html 段落と改行、使い分けできてますか？ 　ブログを書くときに、段落と改行使い分けできてますか？　管理人つい最近まで、あまり気にしてなかったんだけど。　でも、GoogleやYahooの検索順位に関係してくるらしい。段落と改行を表示するHTMLタグ1、段落を表示するHTMLタグ　段落を表示するのは、&lt;p&gt;～&lt;/p&gt;&nbsp; &lt;p&gt;の後のテキストは検索エンジンが重要視する部分。　&lt;p&gt;から離れるにつれて、アピール度は下がっていく。2、改行を表すHTMLタグ　改行を表すの.. 基本のタグ bb 2012-06-22T00:00:17+09:00 　ブログを書くときに、段落と改行使い分けできてますか？

　管理人つい最近まで、あまり気にしてなかったんだけど。

　でも、GoogleやYahooの検索順位に関係してくるらしい。

段落と改行を表示するHTMLタグ

1、段落を表示するHTMLタグ

　段落を表示するのは、<p>～</p>

  <p>の後のテキストは検索エンジンが重要視する部分。

　<p>から離れるにつれて、アピール度は下がっていく。

2、改行を表すHTMLタグ

　改行を表すのは</br>.。

　<br>でも表示されるが正しいのは</br>なのだそうだ。

　検索に引っ掛けたいキーワードは、できるだけ<p>の近くに持ってきたほうが請おうかがあるそうで。

　SEO（検索エンジン最適化）と言うと、とても難しく感じるけど、こういう基本的な部分ができてない場合がほとんどらしいよ。

　個人のサイトだけでなく、企業サイトもそうだって言うからね。

 



]]> https://a40f.seesaa.net/article/253580014.html 見出しをあらわすタグ 　&lt;h&gt;&lt;/h&gt;とは一体何？　&lt;h&gt;&lt;/h&gt;見出しをあらわすタグ　&lt;h1&gt;&lt;/h1&gt;からだんだん見出しとしての重要度が低くなる。　要するに、&lt;h1&gt;&lt;/h1&gt;は一番大きな見出し。　例えば、テンプレートのブログのサイト名は&lt;h1&gt;ブログのサイト名&lt;/h1&gt;。　&lt;h2&gt;ブログの書かれた時期&lt;/h2&gt;か&lt;h2&gt;個別記事のタイトル.. 基本のタグ bb 2012-02-22T18:51:07+09:00 　<h></h>とは一体何？

　<h></h>見出しをあらわすタグ


　<h1></h1>からだんだん見出しとしての重要度が低くなる。


　要するに、<h1></h1>は一番大きな見出し。


　例えば、テンプレートのブログのサイト名は<h1>ブログのサイト名</h1>。


　<h2>ブログの書かれた時期</h2>か<h2>個別記事のタイトル</h2>の場合が多い。



　検索エンジンが拾うのも、この<h></h>で囲った部分を優先的に拾ってるようだ。



　ちなみに、、<h1></h1>は1回しか使えない。

　<h></h>は文字の大きさにも影響する。


　<h></h>はそのままでは、文字の大きさに影響が出る。


　例えば）

・<h2>見出しを意味するタグ</h2>→

見出しを意味するタグ



・<h3>見出しを意味するタグ</h3>→

見出しを意味するタグ



・<h4>見出しを意味するタグ</h4>→

見出しを意味するタグ





]]> https://a40f.seesaa.net/article/250062296.html シーザーブログのメインカラムに最新記事を表示させる方法 　シーザーブログのメインカラムに最新記事を表示させる方法。1、デザイン→コンテンツ2、最新記事のブログパーツと言うかコンテンツをメインカラムに設置。3、『最新記事』の文字の上でクリック→HTMLの編集をクリック。4、HTMLを削除後↓のHTMLに書き換える。 &lt;div class="blog"&gt;&lt;div class="blogbody"&gt;&lt;h3 class="title"&gt;&lt;% content.title %.. シーサーブログをカスタマイズ bb 2012-02-02T21:45:39+09:00 　シーザーブログのメインカラムに最新記事を表示させる方法。


1、デザイン→コンテンツ

2、最新記事のブログパーツと言うかコンテンツをメインカラムに設置。

3、『最新記事』の文字の上でクリック→HTMLの編集をクリック。

4、HTMLを削除後↓のHTMLに書き換える。
<div class="blog">
<div class="blogbody">
<h3 class="title"><% content.title %></h3>
<div class="text">
<% content.header -%>
<% loop:list_article -%>
(<% article.createstamp | date_format("%m/%d") %>)<a href="<% article.page_url %>"><% article.subject | tag_break %></a><br />
<% /loop -%>
<% content.footer -%>
</div>
</div>
</div>　



5、『保存』→『閉じる』で最新記事のコンテンツを閉じた後、『設定を反映する』をクリック。


　スクロールも表示にすることもできる。



]]> https://a40f.seesaa.net/article/247879583.html テンプレートにコメントを入れてみよう 　ブログのテンプレートをカスタマイズするときに、覚えておきたいコメントを入れるタグ。　このタグは、ブログを見ても見えないタグ。　テンプレートの記述を入れるときに使うと、判りやすくなる。&lt;!--/--&gt;、&lt;!--//--&gt;、&lt;!----&gt;を使ってテンプレートにコメントを入れよう。 　・&lt;!--/コメントはここから--&gt;　このタグを使うと、テンプレートにコメントを入れられます。&lt;!--/コメントはここまで--&g.. 基本のタグ bb 2012-01-22T23:56:46+09:00 　ブログのテンプレートをカスタマイズするときに、覚えておきたいコメントを入れるタグ。

　このタグは、ブログを見ても見えないタグ。


　テンプレートの記述を入れるときに使うと、判りやすくなる。

<!--/-->、<!--//-->、<!---->を使ってテンプレートにコメントを入れよう。

　・<!--/コメントはここから-->　このタグを使うと、テンプレートにコメントを入れられます。<!--/コメントはここまで-->。
　・　このタグを使うと、テンプレートにコメントを入れられます。。　

　と言うように表示される。

　・<!--/コメントはここから/-->このタグを使うと、テンプレートにコメントを入れられます。<!--/コメントはここまで/-->。
　・このタグを使うと、テンプレートにコメントを入れられます。。


　・<!--コメントはここから-->このタグを使うと、テンプレートにコメントを入れられます。<!--コメントはここまで-->。
　・このタグを使うと、テンプレートにコメントを入れられます。。


　と、どれを使っても大体同じ。


　できれば、<!--//-->の方がエラーが出にくいと言う話だ。



]]> https://a40f.seesaa.net/article/246959524.html 段落と改行を表すHTMLタグ 　文章を書くときの基本、改行と段落。　HTMLにも、改行と段落をあらわすタグが存在する。　改行を表すのは&lt;br&gt;又は&lt;/br&gt;(&lt;/br&gt;のほうが好ましいらしいが）。　段落をあらわすのは&lt;p&gt;～&lt;/p&gt;。　実際に使ってみると･･･。 &lt;p&gt;　文章を書くときの基本改行と段落。&lt;/br&gt;　HTMLにも改行と段落をあらわすタグが存在する。&lt;/p&gt;　 .. 基本のタグ bb 2012-01-19T00:11:20+09:00 　文章を書くときの基本、改行と段落。


　HTMLにも、改行と段落をあらわすタグが存在する。


　改行を表すのは<br>又は</br>(</br>のほうが好ましいらしいが）。

　段落をあらわすのは<p>～</p>。


　実際に使ってみると･･･。
<p>　文章を書くときの基本改行と段落。</br>　HTMLにも改行と段落をあらわすタグが存在する。</p>　

　文章を書くときの基本改行と段落。
　HTMLにも改行と段落をあらわすタグが存在する。

　

 と言った感じになる。



]]> https://a40f.seesaa.net/article/244296948.html 雪が降る仕掛け 　雪が降るこの仕掛けは、javascriptを使っている。　　記事の最後に、↓を入れているの。 　&lt;SCRIPT type="text/javascript"&gt; // Set the number of snowflakes (more than 30 - 40 not recommended)var snowmax=35 // Set the colors for the snow. Add as man.. javascriptをつかって文字や絵を動かす bb 2012-01-05T00:09:35+09:00 　雪が降るこの仕掛けは、javascriptを使っている。
　
　記事の最後に、↓を入れているの。

　<SCRIPT type="text/javascript">


// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#FFD700","#7B68EE","#DAA520","#5959AB","#FFFF66")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Times","Arial","Times","Verdana")

// Set the letter that creates your snowflake (recommended: ● )
var snowletter="●"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximum-size of your snowflakes
var snowmaxsize=30

// Set the minimal-size of your snowflakes
var snowminsize=10

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////


// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
        rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
        if (ie5 || opera) {
                marginbottom = document.body.scrollHeight
                marginright = document.body.clientWidth-15
        }
        else if (ns6) {
                marginbottom = document.body.scrollHeight
                marginright = window.innerWidth-15
        }
        var snowsizerange=snowmaxsize-snowminsize
        for (i=0;i<=snowmax;i++) {
                crds[i] = 0;
            lftrght[i] = Math.random()*15;
            x_mv[i] = 0.03 + Math.random()/10;
                snow[i]=document.getElementById("s"+i)
                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
                snow[i].size=randommaker(snowsizerange)+snowminsize
                snow[i].style.fontSize=snow[i].size+'px';
                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
                snow[i].style.zIndex=1000
                snow[i].sink=sinkspeed*snow[i].size/5
                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
                snow[i].style.left=snow[i].posx+'px';
                snow[i].style.top=snow[i].posy+'px';
        }
        movesnow()
}

function movesnow() {
        for (i=0;i<=snowmax;i++) {
                crds[i] += x_mv[i];
                snow[i].posy+=snow[i].sink
                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
                snow[i].style.top=snow[i].posy+'px';

                if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
                        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                        snow[i].posy=0
                }
        }
        var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
        window.onload=initsnow
}

</SCRIPT>　

　
　●が今降ってる雪。

　●を★に変えたり、＊*に変えてみたりすると、ちょっと面白い。



　 ]]> https://a40f.seesaa.net/article/241980771.html javascriptを使って、雪を降らせる－うまくいくかどうかわからない 　&nbsp;大変お久しぶり･･･。　今回は、クリスマス仕様舞い落ちる雪。　これは、javascriptを使っています。　画像は使ってないの。　どんな風に表示されるかはお楽しみに･･･。src="http://pagead2.googlesyndication.com/pagead/show_ads.js"&gt;src="http://pagead2.googlesyndication.com/pagead/show_ads.js"&gt; javascriptをつかって文字や絵を動かす bb 2011-12-22T21:26:47+09:00 // Set the number of snowflakes (more than 30 - 40 not recommended) var snowmax=35 // Set the colors for the snow. Add as many colors as you like var snowcolor=new Array("#FFD700","#7B68EE","#DAA520","#5959AB","#FFFF66") // Set the fonts, that create the snowflakes. Add as many fonts as you like var snowtype=new Array("Times","Arial","Times","Verdana") // Set the letter that creates your snowflake (recommended: ● ) var snowletter="●" // Set the speed of sinking (recommended values range from 0.3 to 2) var sinkspeed=0.6 // Set the maximum-size of your snowflakes var snowmaxsize=30 // Set the minimal-size of your snowflakes var snowminsize=10 // Set the snowing-zone // Set 1 for all-over-snowing, set 2 for left-side-snowing // Set 3 for center-snowing, set 4 for right-side-snowing var snowingzone=1 /////////////////////////////////////////////////////////////////////////// // CONFIGURATION ENDS HERE /////////////////////////////////////////////////////////////////////////// // Do not edit below this line var snow=new Array() var marginbottom var marginright var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new Array(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/) var browserok=ie5||ns6||opera function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function initsnow() { if (ie5 || opera) { marginbottom = document.body.scrollHeight marginright = document.body.clientWidth-15 } else if (ns6) { marginbottom = document.body.scrollHeight marginright = window.innerWidth-15 } var snowsizerange=snowmaxsize-snowminsize for (i=0;i<=snowmax;i++) { crds[i] = 0; lftrght[i] = Math.random()*15; x_mv[i] = 0.03 + Math.random()/10; snow[i]=document.getElementById("s"+i) snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)] snow[i].size=randommaker(snowsizerange)+snowminsize snow[i].style.fontSize=snow[i].size+'px'; snow[i].style.color=snowcolor[randommaker(snowcolor.length)] snow[i].style.zIndex=1000 snow[i].sink=sinkspeed*snow[i].size/5 if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size) snow[i].style.left=snow[i].posx+'px'; snow[i].style.top=snow[i].posy+'px'; } movesnow() } function movesnow() { for (i=0;i<=snowmax;i++) { crds[i] += x_mv[i]; snow[i].posy+=snow[i].sink snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px'; snow[i].style.top=snow[i].posy+'px'; if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } for (i=0;i<=snowmax;i++) { document.write(""+snowletter+"") } if (browserok) { window.onload=initsnow } 　

 大変お久しぶり･･･。


　今回は、クリスマス仕様舞い落ちる雪。


　これは、javascriptを使っています。


　画像は使ってないの。

　どんな風に表示されるかはお楽しみに･･･。



]]>