【コピペOK】ブログランキングのバナーを横並びで表示する方法

バナーを横並びで表示する方法【2020年4月11日】

ブログランキングの大手2サイトに登録して、バナー広告を横並びで表示したいという人に向けて今回の記事をまとめました。

あなたのwebサイトのwebデザインに役立ててください。

【本記事の特徴】

○ブログランキングのバナーを横並びで表示する方法がわかる。

○コピペOKなので簡単にできる。

toronブログでもウィジェットのところで横並びにしているよ!
さっそくやっていこう!

並べるバナーのサイズを合わせる

まず前提となることが、バナーサイズです。

正確にはバナーサイズが違っても横並びは可能ですが、webデザインが汚くなりますので、基本的にはバナーサイズを合わせましょう。

300×250などと書いてあるのがバナーサイズになるよ!

まったく同じサイズがないという場合があります。

その場合、下記のコードをバナーの<img>タグの中に追加してください。

style="max-width: 88px; max-height: 31px;"

88pxは横幅の最大値です。ここの数字を好みのサイズに変更してください。

31pxは高さの最大値です。ここの数字を好みのサイズに変更してください。

<table>タグを使って横並びにする

WordPress初心者向けに以下の画像を貼っておきます。

ソースコード内に下記のコードをコピペしてください。

『ここにリンクを貼る』というところにバナーのコードを張ってください。

<table cellspacing="30" cellpadding="0">
<tbody>
<tr>
<td>
<div align="center">ここにリンクを貼る</div>
</td>
<td>
<div align="center">ここにリンクを貼る</div>
</td>
</tr>
</tbody>
</table>

すると、以下のようになります。

まとめ

ブログランキングのバナーの横並びについてまとめました。

今回は投稿記事内にバナーを入れましたが、サイドバーに同じコードを入れるのもありだと思います。

些細な事ではありますが、レイアウトがしっくりいかないと自分が気になるだけでなくクリック率にも影響してきます。

見やすいレイアウトを心がけましょう。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です