About This Site

UnderShirtカスタマイズ-インフィード広告を表示する

ブログ運営

はてなブログのテーマ「UnderShirt」でインフィード広告を馴染ませるためのcssを紹介します。

インフィード広告を貼る方法は「はてなブログにインフィード広告と記事内広告を自動で貼る方法」を参照してください。

インフィード広告を馴染ませるためのcss

先ほど紹介したページの方法でインフィード広告用のソースコードを作成すると、インフィード広告にads-infeedというクラスが追加されます。下記のコードで幅や余白を調整できます。

.ads-infeed {
background-color: white;
width: calc(50% - 10px);
box-sizing: border-box;
margin-bottom: 20px;
}
.ads-infeed:nth-child(odd) {
margin-right: 19.5px;
}

nth-child(odd)というのは、奇数の時だけという意味です。


他のカスタマイズ

他にもはてなブログ用のカスタマイズ記事を書いていますので、合わせてご覧ください。

コメント

タイトルとURLをコピーしました