2005-06-10 17:18:21

文字の大きさの変更方法

テーマ:ブログ技術ガイド

人気ブログを閲覧していると、ものすごく大きな文字を目にする事が

たびたびあると思います。


この文字の大きさの変更は、HTMLタグを利用して変更されて

います。

HTMLタグと言うと、



「えー! 」 ( ̄□ ̄;)


なんて思うかもしれませんが、簡単に変更する事が出来ます。


記事を書く際に、画面を「HTMLタグを表示」のほうに切り替えて

下記のタグを貼り付けるだけでです。


<font size="5">アフィリエイト副業生活</font>


赤の部分が文字の大きさで、青字の部分が大きさを変える

文字になります。



うまく 出来ましたか? (^_^)v


===========================================

【 皆様へのお願いです 】

いま人気のブログが見つかる! ranQ(ランキュー)

に参加しています。

新たな記事を書くモチベーションに影響しますので

ご協力をお願いします  m(__)m

AD
いいね!した人  |  コメント(6)  |  リブログ(0)
2005-06-10 09:36:15

アクセス解析の設置方法

テーマ:ブログ技術ガイド

【 アクセス解析の設置方法 】

忍者TOOLS  のHPにアクセスし「管理室」に入室する

 (登録は、済んでいるものとします)

②管理室内で、「ツール作成」をクリック

③「アクセス解析」の名前と説明を入力し、「ツールを作成」する

My Clip  のHPにアクセスし、「無料会員登録」→登録確認の

 メールが届くので、メール内のリンクをクリックし、登録完了

My Clip のHPで「Clip を追加」をクリック→必要事項記入→

 →「追加」をクリック→「Clip 一覧・編集」で、追加を確認→

 →「コードの生成」をクリック→ソースをコピーする

⑥自分のアメブロに戻り、

 「編集する」→ 「デザインと機能」→「サイドバーの設定」→

 →「プラインを追加」をクリック→「My Clip」にて⑤でコピーした

 ソースを貼り付け→「追加」をクリック

⑦再度、 忍者TOOLS  のHPにアクセスし、

 「管理室に入室」する→「ツール一覧」に表示されたアクセス解析の

 「ツール管理モード」をクリック→「解析用ソース」をクリック→表示

 されたソースの <script.... />・・・</script > の部分をコピー

⑧再び、My Clip  のHPに戻り、

 「表示設定」をクリック→「設定方法を Pro に変更」(右上の方に

 あります)をクリック→「Clip フォーマット」の一番最後に先ほど

 コピーしたソース <script.... />・・・</script /> を貼り付ける→

 →「変更」をクリック→変更し表示されたソースをコピー

⑨再び、自分のアメブロに戻り、

 「編集する」→ 「デザインと機能」→「サイドバーの設定」をクリック→

 →表示された「サイドバーの設定」の一覧の中に「My Clip」が

 追加されている事を確認する→「保存」をクリック

⑩「デザインと機能」から、「サイドバーの配置」をクリック

⑪「使用しない機能」から、「My Clip」を サイドバーの好きな位置に

 ドラッグ&ドロップする

⑫「自分のブログを見る」にて表示確認


===========================================

【 皆様へのお願いです 】

いま人気のブログが見つかる! ranQ(ランキュー)

に参加しています。

新たな記事を書くモチベーションに影響しますので

ご協力をお願いします  m(__)m

AD
いいね!した人  |  コメント(19)  |  リブログ(0)
2005-06-10 09:22:37

カウンターの設置方法

テーマ:ブログ技術ガイド

【 簡単に出来るアクセスカウンターの設置方法 】

忍者TOOLS  のHPにアクセスし、「管理室IDを登録」より、

 ユーザー登録する

②登録が終了すると、登録確認のメールが届くので、

 メールに記載されているリンクをクリックすると登録完了

③再び、忍者TOOLS  のHPにアクセスし、「管理室」に入室する

⑤管理室内で、「ツール作成」をクリック

「よろづカウンター」の名前とツールの説明を入力

 (自分で区別する為のものなので、適当で良さそうです)

⑦ツールが作成されると一覧に表示されるので、

 「ツール管理モード」から、「カウンタの設置」を表示させる

⑧「カウンタ用HTMLソース」をコピーする

⑨自分のアメブロに戻り、

 「編集する」→ 「デザインと機能」→「サイドバーの設定」→

 →「プラインを追加」をクリック

⑩プルダウン表示で、「忍者ツールズ アクセスカウンター」にして、

 ここで先ほどコピーしたソースを貼り付けて、「追加」をクリックする

⑪「デザインと機能」から、「サイドバーの配置」をクリック

⑫「使用しない機能」から、「忍者ツールズ」を サイドバーに

 ドラッグ&ドロップする

⑬「自分のブログを見る」にて表示確認


===========================================

【 皆様へのお願いです 】

いま人気のブログが見つかる! ranQ(ランキュー)

に参加しています。

新たな記事を書くモチベーションに影響しますので

ご協力をお願いします  m(__)m

AD
いいね!した人  |  コメント(4)  |  リブログ(0)
2005-06-10 08:37:09

CSSって、何?

テーマ:ブログ技術ガイド

自分のブログを初めて作った後、Web上で自分のブログを見た時に、

みなさんはどう思いましたか?

私は、字が小さくて読みにくいなって正直思いました。


こういった「文字の大きさ」をはじめ、「文字の色」「背景の色」

など、ブログの見た目を大きく左右するレイアウトやデザインを

宣言している仕組みが「CSS」というものです。

アメブロでは、この「CSS」の編集が可能ですので、一例として、

記事部分の「文字の大きさ」の変更について
説明してみます。

まず、予備知識として、下記の事を頭の中に入れておいて下さい。


(予備知識)
   ・color: #000000;  「#」の後の6つの文字・数字
              により、色が決定されます

              (赤字部分)
   
   ・font-size: 11px;  「px」の前の数字により、文字の
              大きさが決定されます

              (赤字部分) 


   ・content       記事部分 


【 文字の大きさの変更手順 】
  ①ログインし、管理画面の「デザインと機能」の
   「CSS 編集」をクリックして下さい


  ②現在のブログの設定が、表示されます

  ③表示された「CSS」を上から順番に辿っていくと、
   下記のようなものを見つける事が出来ると思います。


/* ----------------------- font-information ----------------------- */
body {



  ④その下を、さらに辿っていくと、下記の部分を
   見つける事が出来ると思います。


      .entry .contents,
      #message .contents{
      font-size: 12px;
      line-height: 1.5;
      }


  ⑤予備知識の所で書いた、「content」記事部分と
   「font-size: 12px;」
が、ようやく現れましたね。


      font-size: 12px;  の数字の部分を
                試しに変更して
                みてください


  ⑥「文字の大きさ」の編集はこれで完了です。
   編集画面下の「プレビュー」をクリックして下さい。
   文字の大きさが変わっているはずです。


  ⑦「前回保存した内容に戻す」をクリックすると
   編集前の状態に戻ります。


 
 『注意』
   「CSSの編集」を行った時は、必ず「プレビュー」で
   編集内容の確認を行って下さい。
   変更内容によっては
、レイアウトが大きく崩れる
   場合があります。

 

 『補足』
   「文字の色」、「背景の色」などの色の変更についての
   手順は、「文字の大きさ」の
変更とほとんど同じです。

    color: #000000;  「#」の後の6つの文字・数字を
              変えれば変更できます。
              色番号「記事を書く」の
              「カラーパレット」を
参照して
              下さい。


 『練習』
   上で説明した手法で、CSS編集画面にある他の


     ・color: #000000;
     ・font-size: 11px;


   の数字部分を色々と変えて、「プレビュー」で変更を確認して

   みて下さい。
   そうすれば、どこが何に当たるのかが分かるり、

   勉強になるでしょう。
   練習の際は、間違って「保存」しないように気を付けて
   下さい。


===========================================

【 皆様へのお願いです 】

いま人気のブログが見つかる! ranQ(ランキュー)

に参加しています。

新たな記事を書くモチベーションに影響しますので

ご協力をお願いします  m(__)m

いいね!した人  |  コメント(2)  |  リブログ(0)
2005-06-10 06:49:52

アクセスランキングの設置方法

テーマ:ブログ技術ガイド

【 アクセスランキングの設置方法 】

ACR WEB  のHPにアクセスする

②「アクセスランキング」をクリック→「申し込み」をクリック→

 →「規約に同意する」をクリック→必要事項記入→「登録」をクリック

③件名:簡易アクセスランキングというメールが届くので、

 「ランキングの表示タグ」のアドレスをクリック→「カウント取得用

 タグ」 と「ランキング表示用タグ」をコピーし、メモ帳にでも

 貼り付けておく

My Clip  のHPにアクセスし、「無料会員登録」→登録確認の

 メールが届くので、メール内のリンクをクリックし、登録完了

My Clip のHPで、「Clip を追加」をクリック→必要事項記入→

 追加」をクリック→「Clip 一覧・編集」で、追加を確認

 (「記事のURLは、自分のブログ内の適当な記事でオッケーです)

My Clip  のHP内の、

 「表示設定」をクリック→「設定方法を Pro に変更」(右上の方に

 あります)をクリック→③でメモ帳に貼り付けたソースをコピーし、

 「Clip フォーマット」の一番最後に追加する→「変更」をクリック

⑦自分のアメブロに戻り、

 「編集する」→ 「デザインと機能」→「サイドバーの設定」→

 →「プラインを追加」をクリック→「サイドバーの配置」で

 My Clip を適当な場所に配置→表示を確認

 (文字化けし、表示幅が大きいと思います。)

⑧先ほど届いている「件名:簡易アクセスランキング」というメールの

 「管理画面」のリンクをクリックし、環境設定する

  ・表の幅 160

  ・文字化けする場合は、文字コードの変更

  ・文字や背景の色等の設定は、お好みに

⑨(ブログ名を表示する為)「置き換えしていないURLをランキングに」

 を「表示しない」変更する

 (URLをそのまま表示しても良い場合は、「表示する」のまま)

⑩「送信」をクリック→(上部にある)「ランキング手動更新」

 クリック→「全ランキングはこちら」をクリック→開いた画面に

 リンク元のランキングがURLで表示される

⑪上で表示された(⑩)URLをクリックし、リンク元のサイト名を

 調べる

⑫「置換設定」をクリック→「置換ルールの追加」に⑪で調べた

 ものを入力→「追加する」をクリック

  (用語の意味)

    1.置き換え前のURL→リンク元

    2.置き換え後のタイトル→サイト名

    3.置き換え後のURL→サイトのURL

    4.完全一致→1と3のURLが同じ場合

    5.部分一致→1と3のURLが違う場合

⑬「ランキング手動更新」をクリック→ブログで表示確認


===========================================

【 皆様へのお願いです 】

いま人気のブログが見つかる! ranQ(ランキュー)

に参加しています。

新たな記事を書くモチベーションに影響しますので

ご協力をお願いします  m(__)m

いいね!した人  |  コメント(5)  |  リブログ(0)

AD

ブログをはじめる

たくさんの芸能人・有名人が
書いているAmebaブログを
無料で簡単にはじめることができます。

公式トップブロガーへ応募

多くの方にご紹介したいブログを
執筆する方を「公式トップブロガー」
として認定しております。

芸能人・有名人ブログを開設

Amebaブログでは、芸能人・有名人ブログを
ご希望される著名人の方/事務所様を
随時募集しております。