livedoor ナレッジ

ブログタイトルの右側とMicroAdの上に広告を表示させたいです

ブログタイトルの右側のスペースが大きく開いていますので、そこに広告を掲載したいです
それから、現在MicroAdが表示されているその上にも広告を掲載したいと思っています

私はHTMLやCSSに関する知識が殆どありませんのでどこにコードを入れればいいのかわかりません
教えていただけたらと思います

タイトルの右側は実際に見ないと
私にはわかりませんが
MicroAdの上なら
各HTMLの<$Advertise$>の直前に入れればいいんじゃないかと思います。

タイトル横は自信はないですが
各HTMLの<div id="banner">の後に
右寄せで入れればいいんじゃないかと思います。

試してないけど

<div id="banner">
	<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>
	<!-- FC2カウンター ここから --><div class="counter">
	<script language="JavaScript" type="text/javascript" src="http://counter1.fc2.com/counter.php?id=596118"></script>
	<noscript><img src="http://counter1.fc2.com/counter_img.php?id=596118"></noscript>
	<br><a href="http://counter.fc2.com/" target="_blank" title="無料カウンター"></a>
	</div><!-- FC2カウンター ここまで -->
	<div class="description"><$BlogDescription$></div>
	<div id="ads"><$Advertise$></div>
</div>

あとは CSS 側で

#banner h1,
#banner .counter,
#banner .description {
	float: left;
	width: 350px;
}
#banner #ads {
	float: right;
	width: 420px;
}
#blogcontainer { clear: both; }

で再構築でいかがでしょうか？

了解しました。
すみません。てっきり MicroAd をタイトル横に掲載したい物だと思っていました。

であるならば

<$Advertise$>

を

<iframe frameborder="0" allowtransparency="true" height="60" width="468" marginheight="0" scrolling="no" src="http://ad.jp.ap.valuecommerce.com/servlet/htmlbanner?sid=2309328&pid=876180382" marginwidth="0"><script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2309328&pid=876180382"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2309328&pid=876180382" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2309328&pid=876180382" height="60" width="468" border="0"></a></noscript></iframe>

に変更すれば大丈夫なはずです。

あとは CSS がわで

#banner h1,
#banner .counter,
#banner .description {
	float: left;
	width: 300px;
}
#banner #ads {
	float: right;
	width: 470px;
}

ですかね

<h1 class="blogtitle">(略)</h1>

の下に

<div id="ads">(略)</div>

を持ってきて
（順番はこんな感じになると思います）

<div id="banner">
	<h1 class="blogtitle">(略)</h1>
	<div id="ads">(略)</div>
	<!-- FC2カウンター ここから -->
	(略)
	<!-- FC2カウンター ここまで -->
	<div class="description">(略)</div>
</div>

コメント>>6のcssの部分を以下に書き換えてみてはどうでしょうか

#cgmmenu ul li a:hover{}

#banner{
	background:#313236;
	border:solid #505154;
	border-width:1px 1px 0;
	text-align:left;
	margin:0 auto;
	clear:both;
}
#banner a{
	text-decoration:none;
}
#banner a:hover{
	text-decoration:underline;
}
h1.blogtitle{
	float:left;
	width:220px;
	padding:45px 30px 5px;
	font-size:20px;
}
div#ads {
	float: left;
	width: 470px;
	margin-top:30px;
}
div.counter{
	clear:both;
	margin-left:30px;
}
div.description{
	margin-left:30px;
	line-height:135%;
	font-size:12px;
}
#blogcontainer{
	background:#313236;
	border:solid #505154;
	border-width:0 1px 1px;
	padding:45px 15px 30px;
	margin:0 auto;
	height:1%;
}
#content{
	float:right;
	width:525px;
	text-align:left;
}

意図してる形とは違うかもしれませんが…