Seesaaブログでソーシャルボタンが表示されない

こちらの記事を見て、ソーシャルボタンがきれいに表示されるのを待ってたんですが、なかなか更新されない。。
「HTMLをカスタマイズしていると、今回の改修が反映されない」とのことなんですが、HTMLを編集した覚えはないし・・・。(もしかしたら、広告を表示させなくした対応が影響しているのかも)

ということで、自力で、今回の改修内容を反映することにしました。
(改修前の状態だと、なぜかボタンの並びがでこぼこだし、Google+のボタンが表示されないし、色々と問題があったのです)
※やってみたら、意外と簡単でした^^

基本的に、こちらの内容に従って対応してます。

@ まず、「デザイン->PC->コンテンツ」から「記事」コンテンツを選択し、「コンテンツHTML編集」をクリックします。
A <% if:blog.bookmark_service %> という箇所を探し、こちらの記事にある“■変更後”の内容に置き換えます。
B 同じくHTML編集画面で、一番下に、こちらの記事にある“■記事コンテンツの最下部に追加”の部分を追加します。

これだけで、ソーシャルボタンがきれいに並ぶようになり、『ブックマーク』という複数ボタンを束ねたボタンも表示されるようになりました!
posted by るしん at 2013/02/12 23:28 | 東京 ☀ | Comment(0) | TrackBack(0) | アフィリエイト | このブログの読者になる | 更新情報をチェックする


Seesaaのスマホ用ブログの広告を消す方法

本ブログを、スマホでもちゃんと見れるよう、スマートフォン用のデザイン設定をメンテナンスしました。
で、一応スマホでも見れるようにはなったのですが、PC用ブログと比べて妙に広告が目立ちます。。
表示領域が狭い分、余計にそう感じるのかもしれません。

そこで、Seesaaのスマホ用ブログの広告を消す方法をいろいろと模索した結果、そこそこ良い感じになったので、やり方を共有しておきます。(こちらのサイトを参考にさせて頂きました)

---------------------------------------------------------------------------------

1.[ブログ一覧]から対象ブログの[デザイン]を選択
2.[スマートフォン]タブを選択
3. 適用しているテーマのタイトル名のリンクをクリック
blog_design.jpg

4. 右上の[ページ:トップ]を選択
5. 表示されたスタイルシートの一番下に、以下の文字列を追記して保存する
6. 続けて、右上の[ページ:記事]を選択
7. 同様に、表示されたスタイルシートの一番下に、以下の文字列を追記して保存する

[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_block1"] {display:none;visibility:hidden;height:0px;}
[class*="im_ad_block2"] {display:none;visibility:hidden;height:0px;}
[class*="androidgameRecommend"] {display:none;visibility:hidden;height:0px;}
[id*="iphonead"] {display:none;visibility:hidden;height:0px;}

---------------------------------------------------------------------------------

これで、ある程度の広告は消すことができました。(残念ながら、これだけやっても一部広告が表示されます)

ちなみに上記の文字列では、広告に対して「どういった見た目で表示するか」を指定しています。要素の表示/非表示(display)や見せる/見せない(visibility)、要素の高さ(height)を指定することで、広告部分の要素を、『非表示・見せない・高さ0』にしています。

また上記は、各要素のID名やClass名を指定して、広告を消す対応をしているため、また新たなID名やClass名が追加されたら、都度対応する必要があります。(つまり、いたちごっこ、、、)

スタイルシートでこんな設定をしなくても済むよう、Seesaa側で、PCブログでの広告設定と同じように、スマートフォンブログも広告設定できるようにして欲しいものです。
posted by るしん at 2013/01/31 00:13 | 東京 ☀ | Comment(3) | TrackBack(0) | アフィリエイト | このブログの読者になる | 更新情報をチェックする


ホームページが楽しくなる!アフィリエイト徹底活用術

投資をする際は、資金が大きければ大きいほど効率が良い。つまり、元手を増やす努力をする必要がある。もちろん、マジメに働いて定期的な収入を得ることも大切だが、さらに副業で資金を+αできるとなお良い。
そこで、今話題となっているアフィリエイトを、私も実践している。
参考にしたのは、↓の本だ。

ホームページが楽しくなる!アフィリエイト徹底活用術




しかし、やってみると分かるのだが、そう簡単に収入を得られるものではない。

アフィリエイターとして有名なエイジさんの体験が、↓の本で紹介されているのだが、エイジさんも最初のうちは苦戦している。

フリーター!! から億万長者へ!? インターネット金策冒険家エイジの小さな旅




それが、ある商品の紹介をして急に利益があげられるようになってから、コツが掴めたということだ。

私自身も、アフィリエイトを実施しようとして立ち上げたHPはいまいちの状況だ。
一方、趣味で運営していたHPにアフィリエイトを適用してみたら、ちょっぴり利益があげられるようにはなった。(でも、ほんとに僅か。。)
うーん、なかなか思うようにはいかないねぇ。
posted by るしん at 2005/01/10 00:51 | 東京 ☀ | Comment(0) | TrackBack(0) | アフィリエイト | このブログの読者になる | 更新情報をチェックする