Seesaaブログ、
スマホの広告非表示でスマートに!

スマートフォン用のデザインテンプレートが追加されているようです。

私は「ブルー」というテーマを選択していましたが、「basic_blue」というテーマに変更してみました。
気まぐれデジタル好奇心(basic_blue).jpg

トップページは、アイキャッチ画像が表示される仕様になっています。

「広告非表示」への対応は、記事を書かれているみなさんが最新版への更新をしていただいているようです。

私が参照している「Kuma Kuma Factory」さんのサイトでは、2014.7.19版として更新されているようです。

シュガリーさん、ありがとうございます。
m(o^ω^o)m

>> Seesaaブログスマートフォン版の広告を消す方法【2014/7/19更新】: Kuma Kuma Factory

【CSSコード】

/* 広告非表示 */
[id*="adArea"] {visibility:hidden;height:0px;}
[id*="jt:seesaa_seesaa"] {display:none;visibility:hidden;height:0px;}
[class*="adlantis"] {visibility:hidden;}
[id*="adblock"] {display:none;visibility:hidden;height:0px;}
[class*="ad_block"] {display:none;visibility:hidden;height:0px;}
[class*="seesaaAdA"] {display:none;visibility:hidden;height:0px;}
.seesaa-adLink, .adlink, .adBoth, .adText, .adUrl, .adImage, .adSponsor, .adSponsorUrl, .adHr {visibility:hidden;height:0px;width:0px;}
[class*="ad_frame"] {display:none;visibility:hidden;height:0px;}
[class*="adlantis_sticky_zone"] {display:none;}
[id*="androidGame"] {display:none;visibility:hidden;height:0px;}
[class*="ichioshi"] {display:none;visibility:hidden;height:0px;}
[class*="top-ad"] {display:none;visibility:hidden;height:0px;}
[class*="im_ad"] {display:none;visibility:hidden;height:0px;}
[class*="androidgame"] {display:none;visibility:hidden;height:0px;}
[id*="iphonead"] {display:none;visibility:hidden;height:0px;}
[id*="iphoneFooterAd"] {display:none;visibility:hidden;height:0px;}
[id*="androidFooterAd"] {display:none;visibility:hidden;height:0px;}
[id*="adstir_ad"] {display:none;visibility:hidden;height:0px;}
[class*="seesaa-adBox"] {display:none;visibility:hidden;height:0px;}
[class*="adBox"] {display:none;visibility:hidden;height:0px;}
[class*="adTitle"] {display:none;visibility:hidden;height:0px;}
[id*="adcon"] {display:none;visibility:hidden;height:0px;}
[id*="imobile_adspotdiv"] {display:none;visibility:hidden;height:0px;}
[id*="ad_cloud_overlay_space"] {display:none!important;visibility:hidden;height:0px;}
.ad-area, .ad-area div, .ad-area.ad-footer div {display: none!important;visibility: hidden;}
[id*="nend_banner_img"] {display:none!important;visibility:hidden;height:0px;}
[id*="adingoBeagle"] {display:none!important;visibility:hidden!important;height:0px!important;}

 
 
【2014.1.11投稿記事】

スマートフォンでアクセスした場合は、「スマートフォン版」デザインが表示されます。

スマホ表示では「デスクトップ版」と比べて多くの広告が表示されるようです。

気まぐれデジタル好奇心_スマホ表示_広告表示.png


スマートフォンでは画面サイズが狭いためか、
フローティング形式のバナーは特にうっとうしく感じます。


CSSに専用コードを追加して、広告非表示でスマートに!


スマートフォン版の広告は、スタイルシートに専用コードを追加するだけで非表示にできるそうです。
>> Seesaaブログスマートフォン版の広告を消す方法【2013/6/2更新】: Kuma Kuma Factory

↓追加するコードはこんな感じです。

/* 広告非表示 */
[id*="adArea"] {visibility:hidden;height:0px;}
[id*="jt:seesaa_seesaa"] {display:none;visibility:hidden;height:0px;}
[class*="adlantis"] {visibility:hidden;}
[id*="adblock"] {display:none;visibility:hidden;height:0px;}
[class*="ad_block"] {display:none;visibility:hidden;height:0px;}
[class*="seesaaAdA"] {display:none;visibility:hidden;height:0px;}
.seesaa-adLink, .adlink, .adBoth, .adText, .adUrl, .adImage, .adSponsor, .adSponsorUrl, .adHr {visibility:hidden;height:0px;width:0px;}
[class*="ad_frame"] {display:none;visibility:hidden;height:0px;}
[class*="adlantis_sticky_zone"] {display:none;}
[id*="androidGame"] {display:none;visibility:hidden;height:0px;}
[class*="ichioshi"] {display:none;visibility:hidden;height:0px;}
[class*="top-ad"] {display:none;visibility:hidden;height:0px;}
[class*="im_ad"] {display:none;visibility:hidden;height:0px;}
[class*="androidgame"] {display:none;visibility:hidden;height:0px;}
[id*="iphonead"] {display:none;visibility:hidden;height:0px;}
[id*="iphoneFooterAd"] {display:none;visibility:hidden;height:0px;}
[id*="androidFooterAd"] {display:none;visibility:hidden;height:0px;}
[id*="adstir_ad"] {display:none;visibility:hidden;height:0px;}
[class*="seesaa-adBox"] {display:none;visibility:hidden;height:0px;}
[class*="adBox"] {display:none;visibility:hidden;height:0px;}
[class*="adTitle"] {display:none;visibility:hidden;height:0px;}
[id*="adcon"] {display:none;visibility:hidden;height:0px;}
[id*="imobile_adspotdiv"] {display:none;visibility:hidden;height:0px;}


このコードを追加した画面は、こちらになります。↓

気まぐれデジタル好奇心_スマホ表示_広告非表示.png


だいぶスッキリしました!

さらに、AdSenseバナーを貼ってみました。↓

気まぐれデジタル好奇心_スマホ表示_AdSense.png


スマホ表示の広告が気になっている方は、ぜひ試してみてはいかがでしょう。

「スマートフォン版」スタイルシートの編集画面はこちら


「スマートフォン版」スタイルシートの編集画面は、
「デザイン」メニュー → 「スマートフォン」タブを選択し、

Seesaa ブログ - 無料のブログ(blog)サービス.jpg

「デザイン一覧」の中から、適用しているテーマの「タイトル名」をクリックする。

Seesaa ブログ   無料のブログ blog サービス-2.jpg

CSSコードの編集画面が開くので、
既存コードの一番最後に、広告非表示に必要なコードを追加する。

Seesaa ブログ   無料のブログ blog サービス-3.jpg
スポンサード・リンク