このサイトで行っているブログカスタマイズまとめ

この記事では、このブログで行ったカスタマイズをまとめます！

ブログのカスタマイズって忘れやすいし、自分にも皆にも役に立ちますよね♪

正直カスタマイズに時間をかけるのももったいないし、自分がいいなぁと思う人のブログを真似るのが一番です！！

このカスタマイズで皆さまのPVは収益が上がることを祈ってます♪

テーマ

このテーマを使ってます。

Naked - テーマ ストア

• レスポンシブ
• シンプル

ってことで気に入ってます！

アドセンス

『記事本文の直下』にアドセンスを設置する方法

これはJSを使った方法ですね。

chipspd.hatenadiary.jp

に書いている方法をそのまま使用させていただきました！！

<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>

『記事上』部分にアドセンスを配置

<script>

// <![CDATA[

addEventListener("DOMContentLoaded", function() {

var $target = $('.entry-content > h3,h4,h5');

$target.eq(Math.floor($target.size() / 2)).before($('.insentence-adsense2'));

}, false);

// ]]></script>

<div class="insentence-adsense2">

※ここにアドセンスのコード貼り付け

</div>

『記事下』部分にアドセンスを配置

<!-- 最初の見出し前にアドセンスを配置 -->

<script>

// <![CDATA[

addEventListener("DOMContentLoaded", function() {

var $target = $('.entry-content > h3');

$target.eq(0).before($('.insentence-adsense'));

}, false);

// ]]></script>

<div class="insentence-adsense">

※ここにアドセンスのコード貼り付け

</div>

<!-- 最初の見出し前にアドセンスを配置ここまで -->

動作確認について

動作確認はChromeの拡張子を使うと楽です！！

chrome.google.com

アフィリエイトで稼ぐ1年目の教科書;これから始める人が必ず知りたい70の疑問と答え