![](https://mon--blog.com/wp-content/uploads/2021/04/cropped-4495bed8051fcc9fd4ac4bababda36e3-e1617679593907.png)
Cocoonでバナー広告が左側に寄っちゃってる!
真ん中に表示させたい...!
そんな疑問を解決します!(^^)!
この記事で分かる事
- バナー広告を真ん中に表示させる方法
コピペで簡単に出来るので、サクッと解決しちゃいましょう!
目次
実際の表示
![](https://mon--blog.com/wp-content/uploads/2021/05/kelly-sikkema-YK0HPwWDJ1I-unsplash-1.jpg)
実際に広告がどうなるかを説明します!(^^)!
早く、やり方を知りたい人はスキップしてね!
デフォルトの状態
デフォルトに状態だと、
![](https://www13.a8.net/0.gif?a8mat=3BQRKY+9LBGEY+50+2HUIWH)
![](https://mon--blog.com/wp-content/uploads/2021/04/cropped-4495bed8051fcc9fd4ac4bababda36e3-e1617679593907-150x150.png)
↑こんな風に左詰めに表示されてしまう...!
今回のコード追加後
今回のやり方で降格を貼ると、
真ん中に表示された!
![](https://mon--blog.com/wp-content/uploads/2021/04/cropped-4495bed8051fcc9fd4ac4bababda36e3-e1617679593907.png)
![](https://mon--blog.com/wp-content/uploads/2021/04/cropped-4495bed8051fcc9fd4ac4bababda36e3-e1617679593907.png)
これで見栄えが良くなるね!
「ブログ」バナー広告を中央に寄せる方法
Cocoonなど、テーマによってはバナー広告が左詰めに表示されるようになっているので、コードを使って真ん中に表示させる様にします。
<div style="text-align:center">
表示させたい広告のコードをここに入力
</div>
上記のコードをコピーして、「表示させたい広告のコードをここに入力」の部分に広告のコードを入れると真ん中に表示されます。
無事できた方、お疲れ様です!(^^)!
ブログ必須ASP
コメント