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

2014年07月19日
【2014/7/19 更新しました。スマホ用ソース追加】

ここはHTMLの編集ができないSeesaaスマホサイトのcssを編集して、いっぱい表示される広告をがんばって消してみようというページです。
新たに広告がでると更新されたりするかもしれません。

とりあえず数多すぎて嫌になったので(笑)先人の知恵を借りようと思い検索で見つけた参考サイト様↓こちらをベースにさせていただいてます。
http://oyakudati-jyoho.meblog.biz/article/7990649.html
上記サイト様のものでは消えなかった広告を処理するためのソースを追加したものです。

※Seesaa運営さんも消されてばっかでは儲からないので次々に新しい広告がでます。
ここに書いてあることを実践しても、再び広告でちゃったりすることもあると思うのでご注意ください。
※やってみるのは自己責任でお願いします。

▼ソースはこちら(2014.7.19時点)
/* 広告非表示 */
[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;}

これを デザイン> スマートフォン> デザイン一覧 の中のcss内にべたっと貼ってください(`・ω・)b
【2014/6/30追記】css内の一番下へ貼ってください。

&スマホでデスクトップ版を表示した際にでる広告を非表示にする方法
▼ソースはこちら(2014.6.30時点)
/* 広告非表示 */
[id*="nend_adspace"] {display:none!important;visibility:hidden!important;height:0px!important;}
[class*="adlantis_banner_image"] {display:none!important;visibility:hidden!important;height:0px!important;}

これを デザイン> PC> デザイン設定 の中のcss内にべたっと貼ってくださいd(・ω・´)
【2014/6/30追記】css内の一番下へ貼ってください。



一部のテンプレートでしかチェックしてないので漏れあるかもですが...('-'



posted by シュガリー at 00:50 | Comment(50) | TrackBack(2) | ブログのカスタマイズ | このブログの読者になる | 更新情報をチェックする

Seesaaブログのタイトルを画像にしてみる

2013年04月13日
ブログのタイトルを画像にしてみるブログのタイトル(1)を作ったロゴ画像に変更してみます。

デザイン > コンテンツの「ブログタイトル」内のHTMLを修正します。
初期値は以下のようなかんじ。
<​h​1​>​<​a​ ​h​r​e​f​=​"​<​%​ ​b​l​o​g​.​p​a​g​e​_​u​r​l​ ​%​>​"​ ​a​c​c​e​s​s​k​e​y​=​"​1​"​>​<​%​ ​b​l​o​g​.​t​i​t​l​e​ ​%​>​<​/​a​>​<​/​h​1​>

<​%​ ​b​l​o​g​.​t​i​t​l​e​ ​%​>​の部分を<img>タグへ変更すればいいんだけど、
ここで一点気になるところが。
このブログタイトル...<h1>タグになってる!
<h1>タグとはそのページの大見出し。そのページがどんな内容のものなのかを一番説明しているテキストに付けられるべきタグです。
ブログの場合、ブログタイトルよりも記事のタイトルが<h1>タグのほうがふさわしいのでは!

記事タイトル(2)のほうはどうなってるかと見てみると、
(デザイン > コンテンツの「記事」)
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<h3>タグ。

不満です。

なので(1)のタイトルロゴは#logoというIDを付け、(2)の記事タイトルを<h1>タグに、修正しました。
カスタマイズ後の値は以下のようなかんじ
(1)ブログタイトル
<div id="logo"><a href="​<​%​ ​b​l​o​g​.​p​a​g​e​_​u​r​l​ ​%​>​" ​a​c​c​e​s​s​k​e​y​=​"​1​"​><img src="http://画像のURL" alt="Kuma Kuma Factory" border="0" /></a></div>

(2)記事タイトル
<h1 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h1>

ブログのタイトルを画像にしてみるあとはデザイン > デザイン設定で(1)は#logo、(2)はh1でcssを整えれば
←こんなかんじになります。
posted by シュガリー at 21:39 | Comment(0) | TrackBack(0) | ブログのカスタマイズ | このブログの読者になる | 更新情報をチェックする

Seesaaブログのカスタマイズ用素材を作ってみる

2013年04月09日
このブログをどんなかんじでカスタマイズしたのかを、ゆるゆる紹介してみます!

まずはデザインについて。

いつもWebサイトを作る際は、トップページのデザインをがっちり細かいところまで作りこみ、その後で全部ローカルでコーディングをします。
でも、Seesaaみたいなブログサービス内で自分の思うようにデザインをカスタマイズしようとなると、どんなSeesaaの恐ろしい仕様が待っているかわからないので、臨機応変にできるようデザインもざーーっくり作ります。

ピクチャ 1.pngまずはポイントのイメージをIllustratorで作りました。

ブログ名は、ずっとどこかで使ってやろうと思っていて決まっていたので、さっそくロゴから。
ぐりぐりクマーをかき、ロゴを作ります。
作ったロゴに合わせてその他部品もぐりぐり作ります。

ピクチャ 3.pngその後はPhotoshopに移って、だいたいどんな雰囲気にしようかなーとサイズ感や背景なんかを組み合わせて考えます。

この時Illustratorで作ったベクターデータをスマートオブジェクトにしてPhotoshopに配置すると、解像度の影響を受けないでサイズ変更できるので便利です!
▼スマートオブジェクトについての記事はこちら
Photoshopのスマートオブジェクトがとっても便利【ベクトル編】

そしてWeb用に書き出せば素材の準備は完了です!

posted by シュガリー at 22:55 | Comment(0) | TrackBack(0) | ブログのカスタマイズ | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。