アドセンスを中央(真ん中)に寄せて揃える方法@Seesaa編

目安時間:約 4分
  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

green-center
Seesaaブログでアドセンスを中央(真ん中)に寄せて表示させる方法を解説していきます。

簡単な設定で綺麗に揃えられるので、ぜひお試しください。

Seesaaブログでアドセンスを中央寄せにするやり方

中央に寄せて表示させたいアドセンスの広告ユニットを用意したら、ご自分のSeesaaブログへログインしてください。
 
1. 中央に寄せて表示させたいアドセンスの広告コードを、以下のタグで囲みます。

<div class="center">
<p>スポンサーリンク</p>
※ここにあなたの広告コードを挿入します
</div>

「※ここにあなたの広告コードを挿入します」の部分に広告コードを当てはめてください。
 
2. 「コンテンツHTML編集」を開いて、このタグで囲った広告コードを貼り付けます。

HTMLへの貼り付け

ここでは例として記事の下に貼り付けてみます。

※記事下へのアドセンスの貼り方については別記事にて詳しく解説していますので、分からない場合はそちらをご参照ください。
>>>Seesaaブログ【記事下】へのアドセンス広告の貼り方<<<
 
3. 続いて、この広告ユニットを中央寄せに表示するための位置指定のコードをスタイルシートに書き込みます。

デザイン設定から適用中のデザイン名をクリックし、以下のコードを枠内の一番下に貼り付けてください。

.center{
text-align:center;
margin: 0 0 0 0;
}

※このスタイルシートへの書き込み方もこちらの記事で詳しく解説しています。

このように貼り付けます。

CSSへの貼り付け

これで作業はすべて完了です。
 
4. ここまで済んだらブログを開いて確認してみましょう。

中央に表示された広告ユニット

スポンサーリンクの表記も中央に揃って表示されていますね。
 

アドセンスの上下のスペースを調整するには?

左右の調整はこれで済んでブログのちょうど中央に表示されるようになりましたが、どうも上下のスペースが詰まりすぎていてスペースを空けたい・・・・・そんな要望もあるかと思います。

そんなときは以下の部分の数字を変更して調整してください。

調整する箇所
 

.center{
text-align:center;
margin: 0 0 0 0;
}

.center{
text-align:center;
margin: 30px 0 30px 0;
}

最初の30pxが上部とのスペース、その次の30pxが下部とのスペースに対応しています。
 

まとめ

アドセンスのクリック率自体は中央寄せにしたほうがいいのか、それとも文頭に合わせて左端に寄せたほうがいいのか、様々な意見がありますね。

もっとも最近はレスポンシブの広告ユニットが主流になってきているので、それほど重要視されなくなってきていますが(自動的にスペースに合ったサイズの広告が配信されますので)

【今だけ】アドセンスブログ(実物)を公開中

今ならメルマガに登録していただくと、そのなかで
私が作ったアドセンスブログの実物(URL付き)を限定公開しています。

また、FC2ブログとSeesaaブログのアドセンス用テンプレートもプレゼントいたします。

アドセンスで単価が高いジャンルの探し方など、ブログではお伝えできないことも書いてますので、ぜひぜひ読んでみてください。

もちろんすべて無料です!

 メルマガへのお申し込みはこちらから








  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

コメントは2件です

  1. ryouji より:

    こんにちは。いつもありがとうございます。

    中央にそろえるととても整っていて、とても見やすいですね。

    参考になります。応援して帰ります。

    • shimizu より:

      ryoujiさん、こんにちは。

      なんでも整頓されているものって見てて気持ちいいです。(^^)
      応援ありがとうございました!

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
最近の投稿
カテゴリー
このブログを書いている人

・2010年10月よりアドセンスを開始

・2015年6月に1ブログで30万円超えを達成

くわしいプロフィールはこちら

よく読まれている記事
タグ
お問い合わせはこちらから

聞いてみたいことがあれば、お気軽にメールをください!

ブログに投票をお願いします