セカンドオピニオンとは価格講師実績住所／地図リンク


※5分で取り付けられるメニューはこちら ＞ はまぞう上部にメニューを付ける

<- RSS/ブックマーク用のボタンをつけました
別の視点からのホームページのアドバイスを求めている方、デザインの見直しを検討されている方、お気軽にご相談ください。メールでの相談は 無料で お答えしております。

2009年05月20日

はまぞうの「広告」を目立たせる＞記事を読みやすくする。

※広告が Overture から Google Adwords に変更されたことに伴い、以下の方法では対応できなくなりました。

久しぶりの はまぞうカスタマイズ ネタです。

今回は「広告」を目立たせてみました。

はまぞうの「広告」を目立たせる＞記事を読みやすくする



というのも、広告をクリックしてもらおうというのではなく、
いまの 記事中に埋め込まれる広告ですが、記事と境目が無いので、
記事が読みにくくなってしまう(涙)

ということで、本文と、追記の間の広告を、
・黒線でくくり
・中を水色
・追記と広告の間に少しの隙間を追加
してみました。

これだけで、かなり読みやすくなると思うのですが、どうでしょう？

↑↑↑まさに、上の広告の部分がそうです。↑↑↑

変更箇所ですが、管理画面から、テンプレート を選び、
「使用中」になっているテンプレートの [ カスタマイズ ]　をクリックします。そして、
スタイルシート：
の一番下に、以下の内容を貼り付けます。

#ov_output51{
border:solid 1px #000;
background:#DDEEFF url();
margin-bottom:10px;
}


これを保存した後、実際の記事ページを開き、広告に色がついていることを確認してください。

修正箇所は、これだけですが、テンプレートの編集ですので、入力には気をつけて行ってください。
何か不具合がありましても、責任は持てませんので。

あと、本文と追記の間の広告にしか対応していないと思います。他の部分の広告については、各自で調べてみてください。

＃ov_output51 を別の名前にして、追記するだけだとは思いますが。

皆様、どうぞ、よろしくお願いいたします。

質問／応援／お仕事の依頼メッセージはこちらから、遠慮なく(^^)


また、気に入ってくださったなら、ブログの記事などで紹介してくださると、非常にうれしいです。
どうぞ、よろしくお願いいたします。





＜関連記事＞
はまぞうを企業ページにする利点、メリット
http://secondopinion.hamazo.tv/e1804406.html

はまぞうを企業ページにするデメリット
http://secondopinion.hamazo.tv/e1794279.html

はまぞうの画面上部にメニューをつけよう！
http://secondopinion.hamazo.tv/e1437147.html

文字の大きさを少し大きくする。行間を空ける。
http://secondopinion.hamazo.tv/e1446713.html

記事の中に「メッセージを送る」ボタンを埋め込む
http://secondopinion.hamazo.tv/e1447693.html

「続きを読む」に記事のタイトルを埋め込む方法
http://secondopinion.hamazo.tv/e1491533.html



＜＜「はまぞうについて」一覧に戻ります。


タグ ：はまぞうスタイルシートテンプレートブログカスタマイズ広告



●● ＨＰの困りごと、ブログの改善。一度ご相談ください ●●
有限会社システムズファウンデーション 浜松事務所
TEL (050) 5806-6192
担当 松本　＞　メールでのＨＰ相談はこちら


メールアドレスを入力して登録する事で、このブログの新着エントリーをメールでお届けいたします => 解除はこちらから、いつでも行うことが出来ます
同じカテゴリー（はまぞうについて）の記事
はまぞう、Facebook連携機能「いいね！」ボタンに対応＋α
はまぞう、Facebook連携機能「いいね！」ボタンに対応＋α(2010-12-24 16:12)

はまぞうブログの広告表示位置が変更（固定）になるそうです。
はまぞうブログの広告表示位置が変更（固定）になるそうです。(2010-08-23 15:54)

はまぞう、カテゴリー毎の記事を表示させる「カテゴリーRSS」
はまぞう、カテゴリー毎の記事を表示させる「カテゴリーRSS」(2009-10-14 00:08)

はまぞうナビゲーションバーを消す方法。
はまぞうナビゲーションバーを消す方法。(2009-07-16 14:55)

「はまぞう、愛してる。」と叫ぼう(笑)
「はまぞう、愛してる。」と叫ぼう(笑)(2009-06-17 06:19)

はまぞう、愛してる。
はまぞう、愛してる。(2009-06-16 23:23)



Posted by ＳＥ風味 at 05:04
「はまぞうの「広告」を目立たせる＞記事を読みやすくする。」をツイートする
│はまぞうについて│編集
このBlogのトップへ│前の記事│次の記事
この記事へのコメント
IE8 OK
FF 広告の部分が太横線
chrome　広告の部分が横線

てな具合でした。
Posted by ビーコン菅原 at 2009年05月22日 11:33
いつもありがとうございます＞菅原さん

多分、表示に時間かかってるんだと思います。
うちのＦＦは表示されるんで。

それよりも、ＩＥ８入れたんですか！
Posted by SE風味 at 2009年05月22日 12:00
先日はご丁寧にお教えくださってありがとうございました。
仕事が立て込んでしまっていて、連絡が遅くなりまして
申し訳ございません。

で、SE風味さんが見てくださると、広告部分がきちんと
表示されているようですが、私のPCでは表示されず、
コメント部分を開いてみるとご指導通りの表示となります。

実はてぃーだの画像挿入時のプレビュー対応がIE６までのため
私もIEを8どころか7にもバージョンアップしていないのです。
それが影響しているのでしょうか？
Posted by ヴィッキー at 2009年06月10日 22:39
私のほうもフォローが遅くなって申し訳ありません。
ＩＥ６で、現象を確認したうえでと思いながら、そのままにしてしまっていました。

ＩＥ６が対応していない可能性は考えられます（確かに、私もそこまで確認していなかったので）

ただ、だからといって、ＩＥ８への移行は薦めませんし(笑)、プレビュー対応がＩＥ６までということでしたら、仕方のないことです。（Firefox にしましょうというのは別の話）

もうすこし調べたところ(少なくともiE6での動作確認)で、改めて報告します。

どうぞ、よろしくお願いいたします。
Posted by ＳＥ風味ＳＥ風味 at 2009年06月13日 08:13
うちのIE6(それもWin2000)だと、ちゃんと色がつきますね。

で、スタイルシート確認してみました。
加えていただいた

#ov_output51{
border:solid 1px #000;
background:#DDEEFF url();
margin-bottom:10px;
}

の下に


#ov_output41{
border:solid 1px #000;
background:#DDEEFF url();
margin-bottom:10px;
}

を追加してみてください。
多分解決するのではないかと思います。

よろしくお願いいたします。
Posted by SE風味 at 2009年06月15日 03:03
SE風味さま

大変お忙しいところ、いろいろとアドバイスをいただきまして
ありがとうございました。

おかげさまでご指示通りに追加をしてみましたら
コメント欄を開かずとも、広告に色がつきました。
ありがとうございました(^＿^)／
Posted by ヴィッキー at 2009年06月17日 11:09
ＨＰ、私も確認しました。
無事出るようになりましたね。良かったです。

今後とも、どうぞ、よろしくお願いいたします！

・・・沖縄行きたい(笑)
Posted by ＳＥ風味ＳＥ風味 at 2009年06月17日 17:29
このページの上へ▲