暇過ぎて陸マイラーになりました。

ミリオンマイラー修行・SFC修行・PP単価・マイルの貯め方・クレジットカードとか

ダブルレクタングルの枠線・表示線を消したい!はてなブログのテーブルタグが原因

スポンサーリンク

今回ははてなブログでダブルレクタングル広告を設置したら枠線・表示線が出ることがあるので枠線・表示線の消すコードを紹介したいと思います。はてなブログで枠線・表示線が出てしまって困っている人の参考になればと思います。

 

今流行りのダブルレクタングル広告

f:id:piropiro0123:20180530190346j:plain

これです。

アドセンスを横に二つ並べるやつです。

効果があるらしいのでみんなやってますね。

効果があるならやってみようということでダブルレクタングルをやってみました。

ダブルレクタングル広告の設置方法については他のブログで見てください。

 

 

ダブルレクタングルの表示線

f:id:piropiro0123:20180530190423j:plain

ダブルレクタングルを設置してみたけど変な表示線?枠線?がある。

色んなブログ見て試してみたけど全然直らない。

見た目もよくないし困りました。

どうやらはてなブログのテーマによってはテーブルタグをつけると表示線が出ることがあるらしいです。

ちなみに私のテーマはEpicです。  

 

ダブルレクタングルの表示線・枠線の消し方

 <div id="my-footer">
<p style="text-align: center; font-size: 75%;">スポンサーリンク</p>
<table class="table-css">
<tr>
<td class="td-css">アドセンスコード</td>
<td class="td-css">アドセンスコード</td>
</tr>
</table>
</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>

ほとんどの方が上記のコードでダブルレクタングルを設置していると思います。

赤字のコードに注目してください。

 

table.table-css th {
  border-style:none;
}
table.table-css td {
border-style:none;

このコードをデザインCSSに貼ります。

赤字のコードが異なる方はそのコードを貼ってみてください。

この方法で私はダブルレクタングルの表示線を消す事ができました。

ダブルレクタングル広告を設置したけど枠線・表示線が出てしまっていてそれを消したい方は試してみるといいと思います。

表を使った記事がある方はその表の表示線も消えてしまうかもしれませんので確認してみてください。ダブルレクタングル内の赤字のコードを変えたらうまくいくような気がします。

最終的にテーブルタグで調べて見つかったと思いますが探し過ぎてどなた様の記事かわからなくなりリンクを貼ることができませんでした。。。申し訳ないです。

※カスタマイズは自己責任でお願いします。カスタマイズをする際はコピーをとっておきましょう!