ブログ運営について

ブログの使い方などのメモ

記事本文の直下に広告を設置するには?


はてなブログ管理画面の「デザイン」→「カスタマイズ(スパナみたいなやつ)」→「記事」→「記事下」の中に広告のコードを貼り付けると記事下に一括で広告を設置できる。(ソーシャルボタンの下に表示されます。)

 

 ソーシャルボタンの上に表示させたい場合

記事一つ一つに広告コードを貼り付ければ記事直下に表示できるのですが、それは面倒ですよね。はてなブログの記事本文のすぐ下に広告を一括で設置する方法をご紹介します。

<div id="my-footer">

※ここに広告のコード貼り付け

</div>
<script>
var myFooter=document.getElementById("my-footer");var temp=myFooter.cloneNode(true);myFooter.parentNode.removeChild(myFooter);document.getElementsByClassName("entry-content")[0].appendChild(temp);
</script>

上記のコードを「デザイン」→「カスタマイズ(スパナみたいマーク)」→「記事」→「記事下」の中にコピペして、「※ここに広告のコード貼り付け」部分に広告コードを貼り付けるだけで完了です。

 ※アドセンスコードを貼り付ければ記事直下にアドセンスを表示できる