Seesaaデザインの変更に挑戦スマートフォン専用ページを表示Seesaaデザインの変更に挑戦seesaaブログのレイアウトを自分好みに調整してみましょう。今日は早速ですがGoogleアドセンスのビッグバナーをタイトル下に設置してみました。「アドセンスをやっている方のヒントになればいいな」と思って書いていきます。通常は何も考えずに<デザイン>→<コンテンツ>で自由形式のコンテンツを設置しても、タイトルのイラストに重なってしまって見栄えがよくありません。どこを弄ったかだけメモしていきますので、皆様で自分の環境に合うように改変してください。調整中にタイトルの位置がずれましたので、合せるために調整しました。{margin:0px;padding-top:150px;padding-bottom:0px;padding-left:30px;font-weight:bolder;font-size:24px;font-family:Verdana;}タイトルの白が見にくかったので「どうせ見にくいなら!」と、背景のイメージに合わせて薄いピンクにしてしまいました。none;font-weight:bolder;}次は肝心の「#banner」領域の調整です。バナー領域を下に拡大することで、本文や左カラムに重ならないように設定し調整しました。0%;padding-left:30px;margin:0px;text-align:left;height:310px;}タイトル下のブログの説明部分もタイトルに合わせて薄いピンクに変更し、書き出しの位置をタイトルに合わせて調整しました。30px;}CSSを弄ったのは以上です。次にレイアウトが崩れないように、「コンテンツ」でアドセンスのバナーを設置します。私は次のように「#banner」領域に『自由形式』のコンテンツボックスを使って設置しています。スペース調整用のコンテンツの中は、こう書いています。gif画像がブログ説明の下に入って、アドセンスのバナーを押し下げている感じです。元の画像もこのサイズで作ればいいのでしょうが面倒です。そこで「縦×横」が「1px×1px」の画像を作って縦に拡大しています。heightの数字を弄れば、1px単位の微調整が可能ということです。アドセンス用の自由形式コンテンツを作って、アドセンスのタグを挿入します。[]).push({});</script></center>これで完成です。今回弄った領域の高さやデザイン調整用の透明gifブロックの大きさを調整すれば、自分好みのレイアウトに近づくと思います。あとは試行錯誤しながら頑張って、自分のサイトに合ったレイアウトにしてください。|この記事へのコメントコメントを書くお名前:メールアドレス:ホームページアドレス:コメント:Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。