【簡単】アフィリエイト広告リンクを中央寄せにする方法を解説!

アフィリエイトバナー広告をブログにそのまま貼り付けると左寄せになって困っていませんか?

バナー広告を中央に寄せたい!という方に向けて解決方法を解説していきます。



アフィリエイトリンクソースの前後にコードを追加するだけで、とても簡単に中央寄せできます。

目次

アフィリエイトリンクをそのまま貼り付けると左に寄ってしまう

アフィリエイトの広告リンクをそのまま「カスタムHTML」ブロックに貼り付けると、下の広告バナーのように左に寄ってしまいます。

アフィリエイトリンクを中央に寄せたい!

アフィリエイトリンクを以下のように中央に寄せたい時にどうすれば良いか解説していきます。

アフィリエイトリンクに中央寄せする方法

中央寄せする方法

アフィリエイトリンクソースの前後に中央寄せするコードを追加してあげます。

ASPサイトから広告リンクをコピーしたら、リンクソースの前後に以下のようなdivタブを挟みます。

<div style="text-align: center">
  【ここにアフィリエイトリンクソースを追加】
</div>


以下のようにdivタブを前後に追加したら、カスタムHTMLブロックにコピペしてください。

アフィリエイト広告リンクを中央寄せにする方法を解説
中寄せする方法

赤枠で囲まれたアフィリエイトリンクの前後に<div style="text-align: center"></div>で挟んでください。

これでバナー広告を中央に寄せることができました。

アフィリエイトリンクの禁止事項

ASPではアフィリエイトのソースを変更することを禁止しています。

アフィリエイト広告リンクを中央寄せにする方法を解説
【引用】A8.netでの禁止事項

無断でソースを変更すると報酬が支払われなかったり、法的措置が取られる場合があるので気をつけてください。

さいごに

アフィリエイト広告リンクをそのまま貼り付けると左に寄ってしまい困っていたので、備忘録として中央に寄せる方法を解説していきました。


以下のようにアフィリエイト広告リンクの前後に<div style="text-align: center"></div> で挟んでください。

<div style="text-align: center">
  【ここにアフィリエイトリンクソースを追加】
</div>


簡単にできるのでぜひやってみてください。

たくさんの方にブログを読んでもらうためには、文章のお作法を学ぶのが一番の近道です。有名ブロガーさんも紹介している新しい文章力の教室という本で私も勉強しています。

文章の組み立て方や構成の基本的な考え方を学ぶことで、格段に文章が書きやすくなりました。慣れてくると文章を書くのも早くなります。

繰り返し読み返すことで、また新たな気づきがあるので手元に置いておきたい1冊になります!

目次