(株)一六社 ブログの書き方

ブログは、ブログを提供している企業によって書き方が違うので、混乱すると思いますが、

どうしてこうなの?
なぜこうするのだろうか?

なんて考えないで、書き方をいち早く理解して、どのように書いたら読みやすくなるかを研究した方が、アフィリエイト活動にとっては、最善の方法だと思います。

A.(株)一六社のブログの書き方を説明します。

このページでは、一六社の説明に掲載されていない機能を説明します。

その前に、一六社でブログの書き方を説明したサイトがありますので、紹介します。

ブログを紹介したサイトは、ブログ全体について、ブログ一六社(http://www.blog16.jp/)に掲載されています。このサイトにテンプレートを紹介したり、どのようなブログが制作されているか、県別に紹介されています。

そのページなかで、下記の2項目に分けて作成方法を解説しています。

初めて作成する方へ(http://www.blog16.jp/manual/main.php)

よく使われる機能(http://www.blog16.jp/manual/main2.php)

ただし、作成する場合には、きちんとプリントアウトをして、プリントの手順と照らし合わせながら作成してください。

B.説明には出ていない機能について

では、一六社の説明に掲載されていない機能を説明していきます。紹介しなければならない基本的な機能は、それほど多くありませんので、しっかり覚えて、読みやすいブログを作成してください。

1.文字の「大きさ」を指定する場合

<font size="5">文字列 </font>

というように、指定したい文字列を半角のタグ(太字の文字)で指定します。文字の大きさは、1〜7までで、数字が大きくなると、文字も大きくなります。fontとsizeの間は、半角のスペースを入れます。
大きさを示す数字は、”5”というように”で囲みます。

2.文字の「色」の指定する場合

<font color="#00ffff">文字列 </font>

文字の色を指定する場合は、color を用います。
”#00ffff”は、色です。ココでは水色です。文字の色は、文字コードを使用します。
ホームページを作成したことのある方には、ご存知だと思いますが、ホームページで文字を指定する場合には、この文字コードを使用します。

文字コードを紹介しているサイトがあります。アクセスしてみてください。
MAJOR色コード早見表(http://www.e-major.jp/colortable/)

3.文字の「大きさ」と「色」を指定する場合

<font size="5" color="#00ffff" >文字列 </font>

と一緒に指定できます。

4.画像の回り込み

ブログのページに画像を貼付したとき、以下のタグが編集記載されます。

<div class="image_block"><img src="http://tome-town.blog16.jp/media/blogs/a/tome1_200.jpg" alt="" title="" width="200" height="150" /></div>

内容の説明は、割愛しますが、そうすると下記のように表示されます。

画像の貼付したときのイメージ画像長方形の枠の中に、中央に画像が貼りつきます。

 

 

 

 

これを左に画像を配置し、文字を画像の右に回りこませる場合には、記載されたタグを以下のように書き換えます。

書き換えた部分は赤で表示しました。

上のブログ画像とは違うブログ画像なので、他の部分も違うところがありますが、無視してください。

<div><img src="http://ueki-zoen.blog16.jp/media/blogs/a/hopsi_6.jpg" alt="" title="" width="200" height="142" align="left" hspace="10" /></div>

画像回り込み指定の例この左の画像のように画像が左に位置して、文字列が右に回り込んでいます。

もう少し説明が必要ですので、さらに詳しく説明をします。

 

 

 

 

■変更箇所について

  1. <div class="image_block"> のところを <div> に書き換えました。

  2. タグの最後に align="left" を追加しました。
    align は、回り込みを指定するタグで、left は、位置を指定します。
    左は、left
    中央は、center
    右は、right

  3. もうひとつ  hspace="10" を追加しました。
    このタグは、画像と文字との横の距離を指定します。
    ここでは、10ピクセルの距離を指定しました。実際には、2−3mm程度です。
    たての間隔は、vspace で指定します。

  4. しかし、たまにうまくいかないことがあります。なぜだかわかりません。その場合は、あきらめましょう!!

■画像についての注意事項

<div><img src="http://ueki-zoen.blog16.jp/media/blogs/a/hopsi_6.jpg" alt="" title="" width="200" height="142" align="left" hspace=" /></div>

一番最後の方に、・・・・・・・hspace=”10” />・・・のスラッシュの前に半角のスペースを入れてください。これを入れないとエラーになります。

5.アクセス数の確認

管理画面を表示すると上部バーに「統計」ボタンがあります。ここを表示させると1ヶ月のアクセス数を表示してくれます。

アクセス数確認画面の画像ちょっと、わかりにくい画像ですが、統計のボタンをクリックします。

 

 

アクセス数が表示された画像そうすると左の画面が表示されます。

1ヶ月間のアクセス数が表示されます。

是非活用してください。

 

 

ここでは、以上ですが、知っていた方がいいと思ったことは、順次、掲載していきます。

パソコンアカデミー/アフィリエイト講座
inserted by FC2 system