解決済

clip!clip!
Ads By Google

ブログの上部にアフィリエイトを横に並べて表示させたいのですが

livedoorブログの上部、ブログの説明の下にアフィリエイトを表示させたいと思います。

ブログの基本設定の“ブログの説明”のところで、コードを張り付けると、表示されます。
が、複数貼り付けようとすると、どんどん縦に並んで表示されるので、横に並べて表示させたいのですが、どうしたらよいのでしょうか。

プラグインなどの“ブログの説明”を利用しない方法でも結構ですので教えてください。

2008-03-11 13:37の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

3.

2008-03-21 17:04:11ベスト
<br><br><br>
以降の部分を以下のように修正ください。
<br><br><br>
<div style="float:left;margin-left:10px;">
<script>var CFLwidth = "150";var CFLheight = "322";var CFLswfuri = "http://i.yimg.jp/images/weather/blogparts/yj_weather.swf?mapc=top";</script><script type="text/javascript" charset="euc-jp" src="http://weather.yahoo.co.jp/weather/promo/js/weather.js" style='margin:0 25 0 0px;' style="margin-right:5px"/></script>
</div>
<div style="float:left;margin-left:10px;">
<script language="javascript" src="http://www.illume.com/365calendar/blogparts.js"></script>
<noscript><a href="http://www.illume.com/"><img src="http://www.illume.com/365calendar/blogparts_noscript.gif" /></a></noscript>
</div>

</div>
</div>

<div id="blogcontainer">
ようするに、それぞれのアフィリエイトスクリプトの部分を#4のように個別に囲むということです。
回答レベル : アドバイス

ついにできました!! 感謝感謝です。
とっても丁寧に教えていただき、ありがとうございましたm(u u)m

1.

2008-03-11 16:51:21
デザインのカスタマイズを選び、下記のそれぞれのページのデザインテンプレートを変更するのが望ましいと思います。

# トップページ
# 個別記事ページ
# カテゴリアーカイブ
# 月別アーカイブ

いま、お使いのデザインによってソースの入れ方は異なると思いますので、一概に言えませんが、ある程度HTMLが分かるのであれば、デザインテンプレートの修正は可能だと思います。

2.

2008-03-13 18:16:08
テーブル を使うか、
リストをinline で使うかしたら
いいんでない。
回答レベル : アドバイス
Ads By Google

コメント(7)

#1.  ふぅら
2008-03-11 22:17:38

tani_masaruさん
早速ありがとうございます。
えらっそうに教えて下さい、と書きましたが、そこまでHTMLはわからないのです。

そういうことに詳しくないと無理なんでしょうかね…

2008-03-13 03:36:32

そこまで詳しくなくても、まずは試してみるというのはいいと思います。今、Blogのデザインの保存もできるので、試してみる前に一度デザインの保存をして色々試してみて、ダメだったら戻せばいいだけですので。

いま、どのようなデザインをお使いか分かりませんが、デザインが分かればそれなりにアドバイスもできると思いますよ。

#3.  ふぅら
2008-03-14 06:02:11

お二人様、ありがとうございます。

デザインの保存と言う発想はありませんでした。早速いろいろ試してみて、できるようになりました。

が、今度はバナー同士が横にくっついて、なんとも変な形になっています。
余白はどうすればできるのでしょうか。
教えていただけませんか。

#4.  BLUEPIXY
2008-03-14 15:10:01

#3>余白

<div style="margin:5px">バナーの記述</div>
とか
<div style="padding:5px">バナーの記述</div>
とか

マージン:外側に余白をとる
パディング:内側に余白をとる

#5.  ふぅら
2008-03-19 00:58:00

BLUEPIXYさん

また縦並びになってしまい、inlineを使ったら横並びになりました。
ありがとうございます。

ただ、やはりバナー同士は離れません。
#4で教えてもらったやり方だと、上のラインが少し下がって段になってしまいます。

今、ブログの設定の中のブログの説明のところでやっているのですが、それで良いのでしょうか。

#6.  BLUEPIXY
2008-03-19 14:19:52

#5>ブログの説明のところでやっているのですが、それで良いのでしょうか。

特別問題ないと思います。

#5>やはりバナー同士は離れません。
#5>#4で教えてもらったやり方だと、上のラインが少し下がって段になってしまいます。
こちらで試してみたところでは、うまくいくと思うのですが…
もしよろしければ、どういう状況下確認したいと思いますので、ブログのアドレスを教えていただけますか?

#7.  BLUEPIXY
2008-03-19 14:20:52

#6
状況下→状況か

トラックバック(2)

トラックバックURL: