東大卒専業FXトレーダーの30代早期リタイヤ日記

東大卒専業FXトレーダーの日常。左サイドバーのお勧め記事(特に早期リタイヤ資金を稼いだ方法)を閲覧推奨!ループイフダンのトレード日記もつけてます。著書好評発売中!雑誌「FX攻略.com 」連載中!

ライブドアブログ

ライブドアブログの横幅を広げる方法

ライブドアブログのテンプレート「デフォルト2012」はシンプルで良いデザインだと思うのですが、横幅が狭くグーグルアドセンスの728x90サイズ広告を入れると右端が重なったり切れたりします。
そこで、メインカラムの横幅を広げる方法を紹介します。

●バックアップ。
設定を変更する前に予めバックアップを取っておくことをお勧めします。
バックアップの方法は、管理ページにログイン後、ブログ設定→デザイン / ブログパーツ設定の「PC」をクリック→「保存/共有」で画面左の「保存」をクリック。

●cssのwidthを変更。
メインカラムの横幅を広げるにはcssのwidthを変更する必要があります。 
css設定は以下の手順で行います。
 
管理ページにログイン後、ブログ設定→デザイン / ブログパーツ設定の「PC」をクリック→カスタマイズをクリック(ここで他のタブを選択すると個別記事ページ等の設定になってしまうので注意)

ここで2つの数字を変更する必要があります。

1.「全体のレイアウト」のwidthを変更。
2.「2カラムレイアウトのとき」のwidthを変更。

では、順番に説明します。
1.「全体のレイアウト」のwidthを変更。

デフォルトではcss内に以下のように記載されています。
この「width: 940px;」という数字を増やすとブログ全体の幅が広がります。
どれだけ増やすかは自由ですが、元の数字よりどれだけ増やしたかは覚えておいて下さい。次の工程で必要になるためです。
ちなみに、グーグルアドセンスの728x90サイズ広告を綺麗に表示させるには「width: 1090px;」位にするとよいようです。

/* 全体のレイアウト
----------------------------------------------- */
body {
background-color: #eff0eb;
}
#wrapper {
padding-top: 24px;
}
#container {
border-radius:4px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
margin: 0 auto;
width: 940px;

2.「2カラムレイアウトのとき」のwidthを変更。
同様にcssの以下の記載のうち、「width: 580px;」という数字を増やすとメインカラムの幅が広がります。
注意すべきは、先ほど増やした分だけこちらの数字を増やすようにして下さい。
例えば70pxだけ増やしたのであれば、こちらの数字も70だけ増やす必要があります。そうしないと右カラムが変な位置に表示されたりします。
上の例に合わせると、グーグルアドセンスの728x90サイズ広告を綺麗に表示させるには「width: 730px;」位にする必要があります。

/* 2カラムレイアウトのとき */
body.layout-2col #content {
background: url(https://parts.blog.livedoor.jp/img/usr/default_2012/common/bg_side.png) repeat-y #fff;
}
body.layout-2col #main {
width: 580px;

ライブドアブログのサイトマップをグーグルウェブマスターツールに登録する方法

ライブドアブログのサイトマップをグーグルウェブマスターツールに登録する方法を紹介します。
  1. グーグルウェブマスターツールにログイン。
  2. サイトマップを追加したいサイトをクリック(一つしかサイトを登録していない場合は不要かもしれません。)
  3. 画面左のクロール→サイトマップ。
  4. 画面右の「サイトマップを追加/テスト」をクリック。
  5. 「sitemap.xml」と入力→「サイトマップを送信」をクリック。
ライブドアブログではブログURLの末尾に「sitemap.xml」をつけたところに自動でサイトマップを作成してくれているので、自分でサイトマップを作成する必要はありません。
サイトマップを作成するとグーグルがクロールしやすくなるため、seo対策的に多少有利になるようです。

参考:ライブドアブログのヘルプより

アドセンスの代替広告をライブドアブログで表示させる方法

Googleアドセンスが適切な広告を表示できないときには、空白を表示、何も表示しない、代替広告を表示するするという3つの機能があります。
代替広告とはアドセンスが適切な広告を表示できないときに代わりに自分の指定した広告を表示させるという機能です。

今回はライブドアブログでアドセンスの代替広告を表示させる方法を紹介します。

1.アドセンスの代わりに表示させる広告を用意する。
広告はアドセンスの表示サイズと同じかそれ以下であることが望ましいです。より大きい広告だと正しく表示されない可能性があるためです。
アフィリエイト等の広告提供サイトから広告のコードをコピーしてきます。

2.広告をhtml形式で作成する。
ウィンドウズのデスクトップで右クリック→新規作成→テキストドキュメントでファイルを作成し、そのタイトルを「広告名.html」にします(例えばamazon.htmlなど)。広告名は英数字で表記するようにして下さい。
ファイルを作成したら、ファイルを開いて以下のように書きます。<body>と</body>の間にコピーしておいた広告コードを貼り付け保存します。

<html>
<head>
<title></title>
</head>
<body>


</body>
</html>

3.ライブドアブログにアップロード。
作成したhtmlファイルをライブドアブログにアップロードします。
その手順は管理画面にログイン→画面左の「画像/ファイル」をクリック→画面右の「ファイル管理」をクリック→アップロードをクリックして作成したhtmlファイルをアップロードします。
アップロードしたファイル名が表示されたら、それをクリックすると広告が表示されるページに移動します。そのURLをコピーします。

私のURLを参考のため紹介します。
http://loop-ifdone.blog.jp/amazon.html
これは広告のみが表示されるページになっており、この広告がそのまま代替広告になります。

4.グーグルアドセンスの設定。
アドセンスにログインし、画面上の広告の設定をクリック→コンテンツ→広告のユニットをクリック。
ここにはアドセンスで作成した広告が表示されているはずです。その名前をクリックし、代替広告の欄で「他のURLの別の広告を表示」を選択し、その下に先ほどコピーしたURLを貼り付けて、画面下の保存をクリックすればOKです。
初めてアドセンスの広告を作る時はその他の項目も入力する必要がありますが、項目右のハテナマークをクリックすれば説明が表示されるのでそれを参考にすればできると思います。

5.作成したアドセンスのコードを貼り付ける。
自分のホームページにアドセンスのコードを貼り付ければ完了です。

検索向けAdSenseの設置方法

グーグルアドセンスの検索向けAdSense(検索ボックス、検索窓)の設置方法をまとめておきます。

●手順
グーグルアドセンスにログイン。
画面上の「広告の設定」をクリック→
画面左の「検索」をクリック(もしくは画面左の「その他のプロダクト」→「検索向けAdSenseを始める」→画面左の「検索」)→
「新しいカスタム検索エンジン」→
名前などを入力。項目右のヒントを参考にするといい。わからないところは適当でも問題ない。後からでも修正可能。
検索ボックスのコードが得られるので、自分のサイトにhtmlでコピペ。livedoorブログならフリーエリアなどを使用してカラム内の配置するのがお勧め。

●ライブドアブログのフリーエリアに設置する方法。
ログインして管理ページ→ブログ設定→ブログパーツ→フリーエリアの右のはてなマークをクリック→画面中央やや左上にある自分のブログパーツリストにフリーエリアという欄が追加されるので、その設定をクリック→検索ボックスのコードをコピペして保存。

設置してから広告が表示されるまで時間がかかるようです。私の場合には次の日には広告が表示されるようになってました。
★お薦め ループイフダン検証ブログ  

七瀬です。FXで成功し30代で早期リタイア。ループイフダンの第一人者。雑誌連載中&著書好評発売中! #PR
★私の本が出版されました!★↓
アーカイブ
雑誌「Yen SPA!」に掲載!ちきりんはSPA!が好き
著作権等について
メッセージ
著書好評発売中!
★私の本が出版されました!★↓