ライブドアブログでCSSの編集方法が分りません(>_<)
のブログなんですがの子供の生後日数をカウントするスクリプトを貼り付けたいのですが、プラグインの上級 フリーエリアで登録すると再度バーにしか表示されず、表示される画像のサイズが大きいため、デザインが崩れてしまいます。できればブログタイトルの下あたりに表示させたいのですが、デザイン設定のスタイルシートのところを触ればいいのやら、、、見てみたのですがよく分りません。どの部分にScriptを追加すればいいのか、教えてください。
貼り付けたいスクリプトは、
<a href=" src=" ; alt="Lilypie 1st Birthday Ticker" border="0" width="400" height="80" /></a>
になります。。。よろしく御願いします。
回答(1)
1.

そうすると、上から3つ目の項目に 『 ブログの説明 』 を書き入れる場所があります。現在ここに、『 2005年12月生まれ 一卵性双子っちはるなつの成長日記。現在生後3ヶ月っす。 』 が書かれていると思います。この文章の下に質問で書かれているスクリプトを記入します。
記入する前に上記のスクリプトに、後に CSS で微調整できるよう <div> で囲んだ方が良いかもしれません。このような感じになります。↓
2005年12月生まれ 一卵性双子っちはるなつの成長日記。現在生後3ヶ月っす。<br>
<div class="born">
<a href=" src=" ;; alt="Lilypie 1st Birthday Ticker" border="0" width="400" height="80" /></a></div>
これを書き込んだあと、そのページの一番下部の 『 設定を保存する 』 を押し、いったん保存しておいて下さい。
次に、このまま表示されると、スクリプトのバナー画像の高さが 80px あるため、テンプレートのデザインのフニャフニャっとした線に重なってしまいます。ですので、ブログタイトルも含めて、少し上にあげましょう。
管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。
その中の、CSS ( スタイルシート ) の記述を書き換えます。
CSS を上から順に見ていくと、.blogtitle{ } の部分があります。この中に padding:66px 0px 0px 71px; という部分があります。この左側の数字、66px を 40px に変更しましょう。そうするとブログタイトル、要約説明、スクリプトバナーのすべてがすべて上に上がります。もう少し数字を減らしても良いですよ。35px とかに ・・・。それはお好みで調整して下さい。
CSS の書き換えが終わったら、保存します。そして 再構築 ( 全て再構築 ) をして下さい。ブラウザーをリロード ( 再読み込み ) をすれば表示反映されているはずです。
すぐに回答いただけて(はじめて質問したので。。。)感激です。早速やってみたのですがうまくいきました!ありがとうございました。
コメント(4)
>>1 補足
上の説明で、スクリプトを <div class="born"> ・・・ </div> で囲んだのは、左右の調整と要約説明との上下の隙間を後で調整できるようにしようと思ったからです。
実際に設置してみて検証したところ、あまりそれを使用する必要は無さそうですね ・・・。もし、左右の位置を微調整したいのであれば、CSS の中に、どこでも良いですから、解りにくかったら一番最後の位置でも良いですから、次の記述を追加して下さい。
.born{padding:○○px 0px 0px 71px;}
左の数字から 上、右、下、左 の指示を表します。真ん中2つはそのまま 0 ( ゼロ ) のままで良いでしょう。
一番左の ○○ は上の要約説明との隙間を調整します。全体を考えて 5px ぐらいが限界かと思います。一番右の 71px は左側からの位置の調整をするのですが、71px を基本に、数字が低くなると左に寄ります。逆に多くなると右に移動します。必要であれば、これで調整して下さい。
↑上に追記補足を書き入れたのですがバグって表示されてないので様子を見ます。時間がたって出てなかったら、もう一度書き入れますが ・・・ 表示されて欲しいのですが・・・けっこう長い文章なので。^^;
>> はにいさん
確認しに行きましたが綺麗に表示されています。
良かったですね。はるちゃんとなつちゃんも
喜んでくれるでしょうか? ww
ベストありがとうございました。(^^)





